Standard Form Markup


/ Published in: HTML
Save to your folder(s)



Copy this code and paste it in your HTML
  1. <form id="myForm" action="#" method="post">
  2. <div>
  3. <label for="name">Text Input:</label>
  4. <input type="text" name="name" id="name" value="" tabindex="1" />
  5. </div>
  6.  
  7. <div>
  8. <h4>Radio Button Choice</h4>
  9.  
  10. <label for="radio-choice-1">Choice 1</label>
  11. <input type="radio" name="radio-choice-1" id="radio-choice-1" tabindex="2" value="choice-1" />
  12.  
  13. <label for="radio-choice-2">Choice 2</label>
  14. <input type="radio" name="radio-choice-2" id="radio-choice-2" tabindex="3" value="choice-2" />
  15. </div>
  16.  
  17. <div>
  18. <label for="select-choice">Select Dropdown Choice:</label>
  19. <select name="select-choice">
  20. <option value="Choice 1">Choice 1</option>
  21. <option value="Choice 2">Choice 2</option>
  22. <option value="Choice 3">Choice 3</option>
  23. </select>
  24. </div>
  25.  
  26. <div>
  27. <label for="textarea">Textarea:</label>
  28. <textarea cols="40" rows="8" name="textarea"></textarea>
  29. </div>
  30.  
  31. <div>
  32. <label for="checkbox">Checkbox:</label>
  33. <input type="checkbox" name="checkbox" />
  34. </div>
  35.  
  36. <div>
  37. <input type="submit" value="Submit" />
  38. </div>
  39. </form>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.