Skip to content

Instantly share code, notes, and snippets.

@spasovski

spasovski/gist:1378167

Created November 19, 2011 00:10
Show Gist options
  • Save spasovski/1378167 to your computer and use it in GitHub Desktop.
Save spasovski/1378167 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<!DOCUMENT html>
<html>
<head>
<title>Form Display Test</title>
</head>
<body>
<form>
<h4>Text Input</h4>
<p>
<label>Text:</label> <input type="text"><br>
<label>Password:</label> <input type="password"><br>
<textarea></textarea>
</p>
<h4>Buttons</h4>
<p>
<button>Button (tag)</button>
<input type="button" value="Button (input type)">
<input type="submit" value="Submit">
<input type="reset" value="Reset"><br>
<input type="file">
</p>
<h4>Options</h4>
<p>
<select>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option>Option 4</option>
</select>
</p>
<p>
<input type="radio" name="radio1" id="radio1-1" checked><label for="radio1-1">Option 1</label><br>
<input type="radio" name="radio1" id="radio1-2"><label for="radio1-2">Option 2</label>
</p>
<p>
<input type="checkbox" id="checkbox1"><label for="checkbox1">Option 1</label><br>
<input type="checkbox" id="checkbox2"><label for="checkbox2">Option 2</label>
</p>
<h4>HTML5 Input Types</h4>
<p>
<label>Search:</label> <input type="search"><br>
<label>Tel:</label> <input type="tel"><br>
<label>URL:</label> <input type="url"><br>
<label>Email:</label> <input type="email"><br>
<label>Date &amp; Time:</label> <input type="datetime"><br>
<label>Date:</label> <input type="date"><br>
<label>Month:</label> <input type="month"><br>
<label>Week:</label> <input type="week"><br>
<label>Time:</label> <input type="time"><br>
<label>Local date &amp; time:</label> <input type="datetime-local"><br>
<label>Number:</label> <input type="number"><br>
<label>Range:</label> <input type="range"><br>
<label>Color:</label> <input type="color">
</p>
</form>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment