Skip to content

Instantly share code, notes, and snippets.

@brettz9
Created January 29, 2014 12:50
Show Gist options
  • Save brettz9/8687257 to your computer and use it in GitHub Desktop.
Save brettz9/8687257 to your computer and use it in GitHub Desktop.
Form control testing: only allows events to bubble in Chrome, not Firefox, apparently, so would not work well in Firefox as rich StickyBrains web app.
<form action="demo_form.asp" method="get"><input name="browser" />&nbsp;</form>
<option value="Internet Explorer"></option><option value="Firefox"></option><option value="Chrome"></option>
<option value="Opera"></option><option value="Safari"></option>
<p><input type="submit" /></p>
<form action="demo_keygen.asp" method="get">Username: <input name="usr_name" type="text" /> Encryption:
<select id="sec" name="security"><option>High Grade</option><option>Medium Grade</option></select>
<input type="submit" />&nbsp;</form>
<form>0 <input type="range" value="50" />100 + <input type="number" value="50" />=</form>
<form>First name: <input name="firstname" type="text" /><br />
Last name: <input name="lastname" type="text" />&nbsp;</form>
<form>Password: <input name="pwd" type="password" />&nbsp;</form>
<form><input name="sex" type="radio" value="male" />Male<br />
<input name="sex" type="radio" value="female" />Female</form>
<form><input name="vehicle" type="checkbox" value="Bike" />I have a bike<br />
<input checked="checked" name="vehicle" type="checkbox" value="Car" />I have a car</form>
<form action="html_form_action.asp" method="get" name="input">Username: <input name="user" type="text" /> <input type="submit" value="Submit" />&nbsp;</form>
<p><select><option value="volvo">Volvo</option><option value="saab">Saab</option><option value="mercedes">Mercedes</option>
<option value="audi">Audi</option> </select>
<select><option value="volvo">Volvo</option><option value="saab">Saab</option>
<option value="mercedes">Mercedes</option><option value="audi">Audi</option> </select></p>
<form action="">
<p>Personal information: Name: <input size="30" type="text" /><br />
E-mail: <input size="30" type="text" /><br />
Date of birth: <input size="10" type="text" /></p>
</form>
<form action=""><input type="button" value="Hello world!" />&nbsp;</form>
<p><textarea cols="30" rows="10">The cat was playing in the garden.
</textarea><select name="cars"><option value="volvo">Volvo</option>
<option value="saab">Saab</option><option value="fiat">Fiat</option>
<option value="audi">Audi</option> </select>
<input type="button" /> <input type="checkbox" /> <input type="color" /> <input type="date" /> <input type="datetime" />
<input type="datetime-local" /> <input type="email" /> <input type="file" /> <input type="hidden" /> <input type="image" />
<input type="month" /> <input type="number" /> <input type="password" /> <input type="radio" /> <input type="range" />
<input type="reset" /> <input type="search" /> <input type="submit" /> <input type="tel" /> <input type="text" />
<input type="time" /> <input type="url" /> <input type="week" /></p>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment