Ahmad Aggour aaggour

## minlength-attribute

<input type=text minlength=10>
<textarea minlength=20></textarea>


## min, max, and step attributes

<input type="number" min="0" max="100" step="5">
<input type="range" min="0" max="15" step="5">


## date type

<input type=date step=7 min=2014-09-08> - Monday only
<input type=time min=9:00 max=17:00 step=900> - 15m increments
<input type=week step=2 min=2014-W30>


## tabindex attribute

<input tabindex="3">
<input tabindex="0">
<input tabindex="-1">
<input>
<input tabindex="2">
<input tabindex="1">
<span tabindex="4"> This wouldn't normally receive focus</span>


## placeholder attribute

<input type="text" placeholder="(555) 555-5555">
<textarea placeholder="Smurfberries"></textarea>


## autofocus type attribute

<input autofocus type="text">


## maxlength attribute

<input type="text" maxlength="10">
<textarea maxlength="20"></textarea>


## list attribute

<input type="text" list="numbers" />
<input type="range" min="0" max="100" list="numbers" />
<input type="number" min="0" max="100" list="numbers" />
<datalist id="numbers">
  <option>10</option>
  <option label="30">30</option>
  <option label="midpoint">50</option>
  <option>70</option>
  <option>90</option>

## autocomplete attribute

<form autocomplete="off">
  <input type="text" name="name" autocomplete="off">


## required attribute

<input type=text required name=foo>

	<input type=text minlength=10>
	<textarea minlength=20></textarea>

	<input type="number" min="0" max="100" step="5">
	<input type="range" min="0" max="15" step="5">

	<input type=date step=7 min=2014-09-08> - Monday only
	<input type=time min=9:00 max=17:00 step=900> - 15m increments
	<input type=week step=2 min=2014-W30>

	<input tabindex="3">
	<input tabindex="0">
	<input tabindex="-1">
	<input>
	<input tabindex="2">
	<input tabindex="1">
	<span tabindex="4"> This wouldn't normally receive focus</span>

	<input type="text" placeholder="(555) 555-5555">
	<textarea placeholder="Smurfberries"></textarea>

	<input type="text" maxlength="10">
	<textarea maxlength="20"></textarea>

	<input type="text" list="numbers" />
	<input type="range" min="0" max="100" list="numbers" />
	<input type="number" min="0" max="100" list="numbers" />
	<datalist id="numbers">
	<option>10</option>
	<option label="30">30</option>
	<option label="midpoint">50</option>
	<option>70</option>
	<option>90</option>

	<form autocomplete="off">
	<input type="text" name="name" autocomplete="off">