WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

HTML5 - Egysoros szövegbevitel


<input type="text" ...> =

Az egysoros szöveg bevitelére alkalmas a text típusú input elem Új (HTML5) jellemzői

Név Érték Leírás Böngészők
autocomplete on|off Engedélyezi (on) vagy tiltja (off) hogy a böngésző az előzmények alapján felkínáljon lehetséges értékeket. Chrome logó Firefox logó Safari logó Opera logó IE logó
autofocus autofocus Hatására a weboldal betöltését követően az elem kapja meg a fókuszt. (aktív lesz) Chrome logó Firefox logó Safari logó Opera logó IE logó
form form_id Megadja, hogy az adott elem melyik űrlaphoz tartozik. Chrome logó Firefox logó Safari logó Opera logó
pattern reguláris kifejezés Az reguláris kifejezésre illeszkednie kell a bevitt értéknek. pl. pattern="[0-9][A-Z]{3}" Chrome logó Firefox logó Opera logó IE logó
placeholder szöveg Ha nincs szöveg a beviteli mezőben, akkor az itt megadott szöveg látszik halványan. Chrome logó Firefox logó Safari logó Opera logó IE logó
required required Kötelező a beviteli mező kitöltése. (Ha a mező nincs kitöltve, az űrlap nem továbbítható.) Chrome logó Firefox logó Opera logó IE logó

A text típusú elem új jellemzőit még nem kezeli minden böngésző.

1. példa:

Forráskód



<form action="html5_input_text_2.php" method="post" id="form1">

  <label for="pattern1">Irányítószám (4 számjegy!):</label><br>
  <input type="text" name="pattern1" id="pattern1" value="" pattern="[0-9]{4}"><br><br>
  <label for="placeholder1">Felhasználónév:</label><br>
  <input type="text" name="placeholder1" id="placeholder1" placeholder="Csak kis betü és szám." value=""><br><br>
  <label for="autofocus1">Ez a mező lesz aktív:</label><br>
  <input type="text" name="autofocus1" id="autofocus1" autofocus value=""><br><br>   
  <label for="required1">Kötelező mező:</label><br>
  <input type="text" name="required1"id="required1" required value=""><br><br>

  <input type="submit" name="kuld">
</form>
<label for="text_id">Text formon kívül:</label><br>
<input type="text" name="nev6" id="text_id" value="Ez még a form1-hez tartozik!" form="form1"><br><br>	
 

Eredmény*


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