Form for registration

Form for registration : form : Form Style HTML CSS TUTORIALS

HTML CSS TUTORIALS » Form Style » form »

Form for registration


 


<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitionalt//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
    <title>Try it out</title>
    <style rel="stylesheet" type="text/css">
body {
  font-size: 12pt;
}

fieldset {
  font-size: 12px;
  font-weight: bold;
  padding: 10px;
  width: 500px;
}

td {
  font-size: 12px;
}

td.label {
  text-align: right;
  width: 175px;
}

td.form {
  width: 350px;
}

div.submit {
  width: 450px;
  text-align: right;
  padding-top: 15px;
}

span.small {
  font-size: 10px;
}

span.required {
  font-weight: bold;
  font-size: 20px;
  color: #ff0000;
}

input {
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  background-color: #f2f2f2;
}

.steps {
  width: 500px;
}

td.stepOn,td.stepOff {
  width: 100px;;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  padding: 5px;
  font-size: 14px;
}

td.stepOff {
  background-color: #efefef;
}

.proceed {
  text-align: right;
}
</style>
  </head>
  <body>

<form name="frmExample" action="" method="post">
<fieldset>
<legend>Register with us:</legend>

<table>
  <tr>
    <td class="label">
       <label for="fname">First name: <span class="required">*</span></label></td>
    <td class="form"><input type="text" name="txtFirstName" id="fname" size="12" /></td>
  </tr>
  <tr>
    <td class="label"><label for="lname">Last name: <span class="required">*</span></label></td>
    <td class="form"><input type="text" name="txtLastName" id="lname" size="12" /></td>
  </tr>
  <tr><td>&nbsp;</td><td>&nbsp;</td></tr>
  <tr>
    <td class="label"><label for="email">E-mail address: <span class="required">*</span></label></td>
    <td class="form"><input type="password" name="txtEmail" id="email" size="20" /></td>
  </tr>
  <tr><td>&nbsp;</td><td>&nbsp;</td></tr>
  <tr>
    <td class="label"><label for="pwd">Password: <span class="required">*</span></label></td>
    <td class="form"><input type="password" name="txtPassword" id="pwd" size="12" /><span class="small">&nbsp;must be between 6 and 12 characters long</span></td>
  </tr>
  <tr>
    <td class="label"><label for="pwdConf">Confirm password: <span class="required">*</span></label></td>
    <td class="form"><input type="password" name="txtPasswordConf" id="pwdConf" size="12" /></td>
  </tr>
</table>
<div class="submit"><input type="submit" value="Register" /><br /></div>
<span class="required">*</span> = required
</fieldset>

</form>

</body>
</html>