Advanced Search

Standard Form Markup

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

Expand | Embed | Plain Text

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.