?? ?? ??

HTML5? ? ???? ??? ?? ???? ??, ?? ??? ??, ?? ?? ??, ?? ?? ??, ?? ??? ?????. , ??? ???, ?? ??? ? ? ?? ??? ? ?? ??? ?? ?????.

1. ??? ?? ??

<input type="number" name="demoNumber" min="1" max="100" step="1"/>

name: ??? ??? ? ? ? min? ?????. submit : ?? ???? ??? ??? ?? max : ?? ???? ??? ??? ?? step : ??/?? ?? ? ??/??? ?? ?? ??

2. ??? ?? ????

<input type="email" name="email" placeholder="??? ??? ??? ??????"/>

??? ???? ?? ? ??? ??? ???? ?? ???? ????? ???? ?????.

3. URL ?? ?? ??

<input type="url" placeholder= " URL" name="url"/>

? ?????. 4. ???? ????

<input type="tel" placeholder="?? ??" name="phone"/>

5. ?? ??

<input type="range" min="0" max="50" step="5" name="rangedemo" value="0"/> ;

??? ??? ??? ???? ?? ??? ???? ???? ?? ?? ???? ???? ?? ????? ??? ?? ??? ?? ????. ?? ? ??? ?? ??? ??? ?? ??? ?? ???? ?? ??? ?? ? ????.

<form oninput="output.value=parseInt(range.value)"/>

<input type="range" min ="0" max="100" step="5" name="range" value="0"/>

<output name="output">0<output/>

</form>

6. ??? ??, ??, ?, ? ?? ??

? ????? ???? ?? ??? ??? ? ????. ?? js ?? ???? HTML5? ?? ??? ?? ??? ???? ? ??? ? ??????.

<input type="date" name="datedemo"/>

?? ?? ???? ?, ??, ?, ??/??? ?????. -??, ????

7. ?? ?? ?? ??

<input type=" color " name="colordemo"/>

8. ?? ?? ?? ?? ??

?? ?????? ?? ?? ?? ?? ???? ??? ?????. HTML5? ???? ??????.

<input type="text" autocomplete="on" name="demoAutoComplete" list="autoNames" />

<datalist id="autoNames">

???????????????????????????????????? <option value="?? ????" ></option>

</datalist>