Native Form Elements

This is what every (ish?) html5 form element looks like on your current operating system and browser. by Joshua Jenkins

<input autofocus>
<input>
<input required>
<input type=text>
<textarea></textarea>
<input type=password placeholder=password>
<input type=radio>
<input type=radio checked>
<input type=checkbox>
<input type=checkbox checked>

<select>
	<option></option>
	<option>Option 1</option>
</select>

<select>
	<optgroup label="Option group 1">
	<option>Option 1</option>
	<option>Option 2</option>
	</optgroup>
	<optgroup>
	<option>Option 3</option>
	</optgroup>
</select>
<input type=text placeholder=placeholder>
<input type=search>
<input type=file>
Legend
Legend

<fieldset>
	<legend>Legend</legend>
	<label for=field>Label</label>
	<input id=field>
</fieldset>
<input type=submit>
<button>Button</button>
<input type=reset>
<input type=email>
<input type=tel>
<input type=url>
<input type=number>
<input type=number min=0 max=15 step=3>
<input type=range>
<input type=range min=0 max=15 step=3>
<input type=date>
<input type=month>
<input type=week>
<input type=time>
<input type=datetime>
<input type=datetime-local>
<input type=color>
<input type=color value="#ff3d3d">
 
<progress max="100" value="50"></progress>
 
<progress></progress>
 
<meter value="50" min="0" max="100"
low="25" high="75" optimum="15"></meter>