<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Tableless form design using HTML with CSS</title> <style type="text/css"> form div label { width: 112px; display: inline-block; } form div { margin: 0.5em 0; } </style> </head> <body> <form> <div> <label for="txtName">Name</label> <input name="txtName" id="txtName" /> </div> <div> <label for="txtEmail">Email</label> <input name="txtEmail" id="txtEmail" /> </div> <div> <label for="txtMobile">Mobile</label> <input name="txtMobile" id="txtMobile" /> </div> <div> <label for="txtComments">Comments</label> <input name="txtComments" id="txtComments" /> </div> <div> <input type="submit" value="Submit" /> </div> </form> </body> </html>
Sunday, November 28, 2010
Tableless form using HTML with CSS
Making a tableless form design using HTML with CSS is very easy. It is a good practice because tables are slower than div tags.
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment