Egysoros beviteli mező

Egysoros beviteli mező definiálása
Kezdeti értékadás
Jelszómező megadása
Csak olvasás engedélyezése
További lehetőségek

Egysoros beviteli mező definiálása

Egysoros beviteli mező megadása a <input ... > Tag által lehetséges, de a teljesség kedvéért jobb, ha a type=text megadást is hozzátesszük. További lehetséges attributumok : size = nagyság, maxlength = maximális hossz. Ha a maxlength nagyobb a size-nál, akkor a különbséget képező karaktereket csak átscrollozza a böngészőnk. Az egysoros beviteli mező előtt általában egy magyarázószöveget is meg szoktunk adni, hogy tudassuk, mit kívánunk a felhasználótól. Az alábbi példában egy un. vak táblában jelenítünk meg két egysoros beviteli mezőt :

Példa:

<form><table>
  <tr>
    <td align=right>Szerző neve:</td>
    <td><input type=text size=40 maxlength=40></td>
  </tr><tr>
    <td align=right>Könyv címe:</td>
    <td><input type=text size=40 maxlength=40></td>
  </tr>
</table></form>

Kezdeti értékadás egysoros beviteli mezőben:

A value= "kezdő érték" attributum megadásával kezdeti értéket adhatunk a mezőnek.

Példa:

Kedvenc ujsága internetes címe ? 
<input name="ujsag" maxlength=30 size=30 value="http://www.nepszabadsag.hu">

Jelszóbeviteli mező

A type=password attributum megadásával egy olyan egysoros beviteli mezőt határozunk meg, mely a számok és betűk helyett csillagokat jelenít meg a bevitel során. Azonban felhívjuk a figyelmet arra, hogy ezek az adatok nincsenek kódolva, tehát az Interneten keresztül közönséges text-ként vannak továbbítva, így bárki által olvashatók.

Példa:

Kérem a jelszót: <input type=password name="jelszo" maxlength=8 size=8>

Csak olvasás engedélyezése

A readonly attributum megadásával csak olvashatóvá tehetjük az egysoros beviteli mezőt.

Példa:

<input name="megjelenit" maxlength=10 size=10 readonly>

Figyelem:

Az MS Internet Explorer a 4.x verziótól kezdve ismeri ezt az attributumot, a Netscape még a 4.x verzióban sem.

További lehetőségek

Az <input> Tag-ban megadhatunk további univerzális attributumokat: