Posted By

coryschadt on 12/15/09


Tagged

html


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

Elog
satsuma


form framework


 / Published in: XHTML
 

  1. <!doctype html>
  2. <html lang="en">
  3. body {
  4. font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
  5. }
  6. .form-row {
  7. margin-top: 0px;
  8. padding-top: 4px;
  9. padding-right: 0;
  10. padding-bottom: 4px;
  11. padding-left: 4;
  12. margin-left: 0px;
  13. }
  14. legend {
  15. background: #fff;
  16. border: 1px solid #00AFF0;
  17. padding: 5px 10px;
  18. border-radius: 5px;
  19. }
  20. fieldset {
  21. background: #eee;
  22. border: 1px solid #00AFF0;
  23. border-radius: 5px;
  24. padding: 15px;
  25. width: 275px;
  26. }
  27. label {
  28. font-weight: normal;
  29. }
  30. input.input, textarea.textarea {
  31. border-radius: 3px;
  32. resize: none;
  33. font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
  34. padding: 3px;
  35. margin: 0;
  36. border-top: 1px solid #8e8e8e;
  37. border-left: 1px solid #8e8e8e;
  38. border-bottom: 1px solid #e1e1e1;
  39. border-right: 1px solid #e1e1e1;
  40. background: #fefefe;
  41. }
  42. input.input:focus, textarea.textarea:focus {
  43. background-color: #fefeee;
  44. }
  45. .submit {
  46. border: 1px solid #666666;
  47. padding-top: 3px;
  48. padding-right: 6px;
  49. padding-bottom: 3px;
  50. padding-left: 6px;
  51. border-radius: 3px;
  52. }
  53.  
  54. </head>
  55. <form action="#" method="post" name="" id="">
  56. <legend>Contact Form</legend>
  57. <div class="form-row">
  58. <label for="First Name">First Name</label>
  59. <br />
  60. <input type="text" class="input" id="First Name" name="First Name" />
  61. </div><!--/form-row-->
  62. <div class="form-row">
  63. <label for="Last Name">Last Name:</label><br />
  64. <input maxlength="50" size="20" class="input" id="Last Name" name="Last Name">
  65. </div><!--/form-row-->
  66. <div class="form-row">
  67. <label for="Title">Title:</label><br />
  68. <input maxlength="50" size="20" class="input" id="Title" name="Title">
  69. </div><!--/form-row-->
  70. <div class="form-row">
  71. <label for="Company Name">Company Name:</label><br />
  72. <input maxlength="50" size="20" class="input" id="Company Name" name="Company Name">
  73. </div><!--/form-row-->
  74. <div class="form-row">
  75. <label for="Phone">Phone:</label><br />
  76. <input maxlength="50" size="20" class="input" id="Phone" name="Phone">
  77. </div><!--/form-row-->
  78. <div class="form-row">
  79. <label for="Email">Email:</label><br />
  80. <input maxlength="50" size="20" class="input" id="Email" name="Email">
  81. </div><!--/form-row-->
  82. <div class="form-row">
  83. <label for="Industry">Industry:</label><br />
  84. <select class="input" id="Industry" name="Industry">
  85. <option value="--">-- Choose an Industry --</option>
  86. <option value="Retail">Retail</option>
  87. <option value="Restaurants">Restaurants</option>
  88. </select>
  89. </div><!--/form-row-->
  90. <div class="form-row">
  91. <label for="Other Industry">Other Industry:</label><br />
  92. <input maxlength="50" size="20" class="input" id="Other Industry" name="Other Industry">
  93. </div><!--/form-row-->
  94. <div class="form-row">
  95. <label for="Comments">Comments:</label><br />
  96. <textarea name="Comments" class="textarea" id="Comments" cols="30" rows="4"></textarea>
  97. </div><!--/form-row-->
  98. <div class="form-row">
  99. <input type="submit" class="submit" id="submit" value="Submit" />
  100. </div></div><!--/form-row-->
  101. </form>
  102.  
  103.  
  104. </body>
  105. </html>

Report this snippet  

You need to login to post a comment.