HTML 5 output ve range kullanımı

output : Html5 ile gelen yeni bir element. IE deskteklemiyor. Chrome, Firefox, Opera ve Safari browserları destekliyor.
range : Html5 ile input elementine eklenen yeni bir tip. IE ve Firefox desteklemiyor. Chrome, Opera ve Safari browserları destekliyor.
Sözü çok uzatmadan basit bir örnek ile hem kullanımlarını hemde bize ne tür avantajlar sağlayabileceklerini görelim.

Örnek Kullanım :

<form oninput="outElement.value = parseInt(rangeElement.value)">
<div style="width: 150px; text-align: center;">
<output name="outElement" for="rangeElement"></output></br>
</div>
<span>0<input type="range" name="rangeElement" value="50" step="5" />100</span>
</form>

Sonuç :

0100

Categories: Html5, input range type, output element