Skip to content

Instantly share code, notes, and snippets.

View aaggour's full-sized avatar

Ahmad Aggour aaggour

View GitHub Profile
@aaggour
aaggour / label element
Created July 30, 2019 22:42
label element
<label for=id1>Checkbox</label>
<input type=checkbox id=id1>
<label for=id2>Password</label>
<input type=password id=id2>
@aaggour
aaggour / option element
Created July 30, 2019 22:40
option element
<input type="text" list="datalist">
<datalist id="datalist">
<option>First Choice</option>
<option label="2nd">Second Choice</option>
<option>Third Choice</option>
</datalist>
<select name="selection">
<option>First Choice</option>
@aaggour
aaggour / datalist element
Created July 30, 2019 22:38
datalist element
<input type="text" list="datalist">
<datalist id="datalist">
<option>First Choice</option>
<option>Second Choice</option>
<option>Third Choice</option>
</datalist>
@aaggour
aaggour / keygen element
Created July 30, 2019 22:36
keygen element
<keygen name=key>
<keygen name=key challenge=wufoo keytype=rsa>
@aaggour
aaggour / output element
Created July 30, 2019 22:04
output element
<output></output>
<output name="output" for="val1 val2" form="foo">0</output>
@aaggour
aaggour / progress element
Created July 30, 2019 22:02
progress element
<progress max=10 value=0>0%</progress>
<progress max=100 value=25>25%</progress>
<progress max=8 value=4>50%</progress>
<progress max=100 value=75>75%</progress>
<progress max=25 value=25>100%</progress>
<progress>Unknown</progress>
@aaggour
aaggour / meter element
Last active July 30, 2019 21:59
meter element
<meter value=0.5 min=0 max=4 low=1 high=3>0.5 of 4</meter>
<meter value=1.5 min=0 max=4 low=1 high=3>1.5 of 4</meter>
<meter value=2.5 min=0 max=4 low=1 high=3>2.5 of 4</meter>
<meter value=3 min=0 max=4 low=1 high=3>3 of 4</meter>
<meter value=4 min=0 max=4 low=1 high=3>4 of 4</meter>
Grade: <meter value=61 min=0 max=100
low=73 high=87 optimum=100>D-</meter>
@aaggour
aaggour / reset type
Created July 30, 2019 21:55
reset type
<input type=reset>
<input type=reset value="Clear Form">
@aaggour
aaggour / submit type
Created July 30, 2019 21:43
submit type
<input type=submit>
<input type=submit value="Click Me to Submit Form">
@aaggour
aaggour / file type
Created July 30, 2019 21:39
file type
<input type=file>
<input type=file multiple>
<input type=file accept="image/*">
<input type=file accept="image/*;capture=camera">