THUNDERPOWER
New Member
- Reaction score
- 1
Where can you get a form like a website registration form?
You can make one, via HTML, or use some sort of generated script.
Yes I know that but I'm lazy and don't have much time on my hands and all the generated scripts have ads or a link or something.
What do you need the form to do? I can quickly make one for you.
What would dropdown under "how did you hear about us"?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Form Test</title>
<style type="text/css">
.required {
background: #FFFF88;
}
</style>
</head>
<body>
<form name="contact" id="contact_form" action="REPLACE_WITH_YOUR_ACTION.php" method="post">
<table>
<tr>
<td>First Name:*</td><td><input type="text" size="10" id="fname" class="required" /></td>
<td>Last Name:*</td><td><input type="text" size="12" id="lname" class="required" /></td>
</tr>
<tr>
<td>Street Address:*</td><td><input type="text" size="12" id="saddress" class="required" /></td>
<td>City:*</td><td><input type="text" size="10" id="city" class="required" /></td>
<td>ZIP/Postal Code:*</td><td><input type="text" size="6" id="zip" class="required" /></td>
</tr>
<tr>
<td>Region/State/Province:*</td><td><input type="text" size="12" id="region" class="required" /></td>
<td>Country:*</td><td><input type="text" size="10" id="country" class="required" /></td>
</tr>
<tr>
<td>Phone Number:</td><td><input type="text" size="10" id="number" /></td>
</tr>
<tr>
<td>May we contact you at work?</td><td><input type="radio" value="Yes" name="c_at_work" />Yes <input type="radio" value="No" name="c_at_work" />No</td>
</tr>
<tr>
<td>Favourite Colour:*</td><td><input type="radio" value="Red" name="colour" />Red <input type="radio" value="Blue" name="colour" />Blue <input type="radio" value="Green" name="colour" />Green</td>
</tr>
<tr>
<td>How did you hear about us?</td><td><select><option>Option 1</option><option>Option 2</option><option>Option 3</option></select></td>
</tr>
<tr>
<td>Your life story:*</td><td><textarea rows="10" cols="20" class="required"></textarea></td>
</tr>
<tr>
<td>Submit File:</td><td><input type="file" id="upload" /></td>
</tr>
<tr>
<td><input type="submit" value="Submit!" /></td>
</tr>
</table>
</form>
</body>
</html>
Here you go; a nice basic form, with all fields that you requested:
Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Form Test</title> <style type="text/css"> .required { background: #FFFF88; } </style> </head> <body> <form name="contact" id="contact_form" action="REPLACE_WITH_YOUR_ACTION.php" method="post"> <table> <tr> <td>First Name:*</td><td><input type="text" size="10" id="fname" class="required" /></td> <td>Last Name:*</td><td><input type="text" size="12" id="lname" class="required" /></td> </tr> <tr> <td>Street Address:*</td><td><input type="text" size="12" id="saddress" class="required" /></td> <td>City:*</td><td><input type="text" size="10" id="city" class="required" /></td> <td>ZIP/Postal Code:*</td><td><input type="text" size="6" id="zip" class="required" /></td> </tr> <tr> <td>Region/State/Province:*</td><td><input type="text" size="12" id="region" class="required" /></td> <td>Country:*</td><td><input type="text" size="10" id="country" class="required" /></td> </tr> <tr> <td>Phone Number:</td><td><input type="text" size="10" id="number" /></td> </tr> <tr> <td>May we contact you at work?</td><td><input type="radio" value="Yes" name="c_at_work" />Yes <input type="radio" value="No" name="c_at_work" />No</td> </tr> <tr> <td>Favourite Colour:*</td><td><input type="radio" value="Red" name="colour" />Red <input type="radio" value="Blue" name="colour" />Blue <input type="radio" value="Green" name="colour" />Green</td> </tr> <tr> <td>How did you hear about us?</td><td><select><option>Option 1</option><option>Option 2</option><option>Option 3</option></select></td> </tr> <tr> <td>Your life story:*</td><td><textarea rows="10" cols="20" class="required"></textarea></td> </tr> <tr> <td>Submit File:</td><td><input type="file" id="upload" /></td> </tr> <tr> <td><input type="submit" value="Submit!" /></td> </tr> </table> </form> </body> </html>
Tables are for tabular data. I would definitely say that the content of that form is of tabular nature. Though, the submit button shouldn't be part of the table, you should use label elements to wrap the form labels and the first column should be marked up as table headers (th) instead of cells.