All pastes #981002 Raw Edit

form

public text v1 · immutable
·published 2008-04-11 13:46 UTC
rendered paste body
HTML

<html>
    <head>
        <title>Add Person Form</title>
        <link type="text/css" rel="stylesheet" href="form_styles.css">
    </head>
    <body>
    	<h1>Claim Form</h1>
    	<form name="claim_form" method="post" action="#">
			<fieldset>
				<legend>Information</legend>
				<label for="type">Type:</label>
					<select id="type" name="type">
						<option>Worker's Comp</option>
						<option selected="true">No Fault</option>
					</select>
				<label for="claim_number">Claim Number:</label>
					<input type="text" id="claim_number" name="claim_number">
				<label for="unit_number">Unit Number:</label>
					<input type="text" id="unit_number" name="unit_number">
				<label for="soj">State of Jurisdiction:</label>
					<select id="soj" name="soj">
						<option>states</option>
						<option>more states</option>
					</select>
				<label for="app_grp">App Grp:</label>
					<input type="text" id="app_grp" name="app_grp">
				<label for="app_percent">App %:</label>
					<input type="app_percent" id="app_percent" name="app_percent">
			</fieldset>
			<fieldset>
				<legend>More Information</legend>
				<label for="diag1">Diag 1:</label>
					<input type="text" id="diag1" name="diag1">
				<label for="diag2">Diag 2:</label>
					<input type="text" id="diag2" name="diag2">
				<label for="icd91">ICD9 1:</label>
					<input type="text" id="icd91" name="icd91">
				<label for="icd92">ICD9 2:</label>
					<input type="text" id="icd92" name="icd92">
		</form>
    </body>
</html>

------------------------------------------------

CSS

form label {
	display:block;
	float:left;
}

form input, select {
	float:left;
}

form fieldset {
	padding:1em;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}