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 - Egyéb új beviteli elemek


Pl. <input type="color" ... value="#880000"> =

Egyéb adatok bevitelére alkalmas Új (HTML5) input elem típusok

Típus Leírás Böngészők
url URL bevitele Chrome logó Safari logó Opera logó
email Email bevitele Chrome logó Firefox logó Opera logó
color Színválasztó Chrome logó Opera logó
search Kereső mező Chrome logó Safari logó

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_egyeb.php"  method="post">
  URL bevitele: <br>
    <input type="url" name="url" value="https://www.tehetseggondozas.hu/"><br><br>
  Email cím bevitele:<br>
    <input type="email" name="email" value="nev@domain.hu"><br><br>
  Színválasztó: <br>
    <input type="color" name="favcolor" value="#880000"><br><br>
  Keresési mező: <br>
    <input type="search" name="googlesearch" value="Keresett kifejezés."><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.