HTML5 - Egysoros szövegbevitel

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

Név	Érték	Leírás
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.
autofocus	autofocus	Hatására a weboldal betöltését követően az elem kapja meg a fókuszt. (aktív lesz)
form	form_id	Megadja, hogy az adott elem melyik űrlaphoz tartozik.
pattern	reguláris kifejezés	Az reguláris kifejezésre illeszkednie kell a bevitt értéknek. pl. pattern="[0-9][A-Z]{3}"
placeholder	szöveg	Ha nincs szöveg a beviteli mezőben, akkor az itt megadott szöveg látszik halványan.
required	required	Kötelező a beviteli mező kitöltése. (Ha a mező nincs kitöltve, az űrlap nem továbbítható.)

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.