HTML - Egysoros szövegbevitel

Az egysoros szöveg bevitelére alkalmas text típusú input elem hagyományos (HTML) jellemzői

Név	Érték	Leírás
disabled	disabled	Segítségével az elem kikapcsolható. (Nem lehet szerkeszteni. Értéke nem kerül elküldésre.)
maxlength	szám	Meghatározza a szöveg típusú beviteli mezőbe írható szöveg hosszát. (Maximális karakterszám.)
name	szöveg	Az elem neve. Az adatok feldolgozását végző scriptek, az elem azonosítására használják.
readonly	readonly	Csak olvashatóvá teszi az elemet.
size	szám	Meghatározza a szöveges típusú beviteli mező szélességét karakterben.
value	szöveg	Meghatározza az input mező kezdeti értékét. Az űrlap elküldésekor, tartalma az elem nevével együtt érkezik az adatok feldolgozását végző scripthez,

A name jellemző megadása kötelező.
A value jellemzőnél kezdőértéket adhatjuk meg, de ez opcionális.
A id jellemző megadása <label> elem használata esetén kötelező. (A elem for jellemzőjének. és a beviteli mező id jellemzőjének meg kell egyeznie. Így jön létre a kapcsolat a két elem között)
A size jellemzővel a mező szélességét megadva, valójában megjelenést tehetjük áttekinthetővé, rendezetté.
A maxlength jellemzővel korlátozhatjuk a felhasználó által begépelhető szöveg hosszát. (Ha egy adatbázisban pl. 20 karakteren tároljuk egy változó értékét, akkor a felhasználó által beírt 21. karakter elveszne.).

1. példa:

Forráskód


<form action="html5_input_text_1.php" method="post">
  Text minimum: <br>
  <input type="text" name="nev1" value="" > <br>
  Text 30 karakter széles: <br>
  <input type="text" name="nev2" size="30" value="Kezdő érték 1" >  <br>
  Text 3 karaktert enged beírni: <br>
  <input type="text" name="nev3"  maxlength="3	" value="" >  <br>
  Text csak olvasható:<br>
  <input type="text" name="nev4" readonly value="Nem módosítható!" >  <br>
  Text tíltott:<br>
  <input type="text" name="nev5" disabled value="Tíltott!" >  <br>
  <label for="text_id">Text címkével:</label><br>
  <input type="text" name="nev6" id="text_id" value="Kattints a címkére!" > <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.