logó WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS
Ingyenes elektronikus tananyag interaktív weboldalak készítéséhez.
visszaVISSZA   
menüMENÜ   

HTML5 - Számok bevitele


Pl. <input type="range" ... min="1" max="20" value="5" > =

A számértékek bevitelére alkalmas Új (HTML5) input elem típusok

Típus Leírás Böngészők
number Szám bevitele Chrome logó Safari logó Opera logó
range Választás értéktartományból Chrome logó Safari logó Opera logó
tel Telefonszám bevitele

Ha egy böngésző a fenti típusok valamelyikét nem ismeri, akkor az elemet text típusú elemre cseréli.

1. példa:

Forráskód



<form action="html5_uj_input_elemek_datum_szamok.php"  method="post">
  Szám bevitele (1 és 10 között): <br>
    <input type="number" name="number" min="1" max="10" step="0.5" value="3"><br><br>
  Választás értéktartományból : <br>
    <input type="range" name="range" min="1" max="20" value="5"><br><br>
  Telefonszám bevitele:<br>
    <input type="tel" name="tel" value="0670707070"><br><br>
<input type="submit" name="kuld">
</form>
 

Eredmény*




* Az eredmény megjelenítése az Ön által használt böngészőtől függ.


Ahogy a legtöbb honlap, ez a webhely is használ sütiket a weboldalain.