Modern ismeretek WEB oldalon : Javascript ismertető HTML formátumban

 

Többsoros beviteli mező

Többsoros beviteli mező létrehozása
Kezdeti értékadás
Sortörés kikényszerítése
Csak olvasás engedélyezése
További lehetőségek

HTML 2.0Többsoros beviteli mező létrehozása

Többsoros beviteli mezőt általában kommentár, megjegyzés, vélemény kinyilvánításához hozunk létre a <textarea ...> </textarea ...> HTML Tag-ok segítségével. A szövegterület-nek kötelező nevet adni a name="valami" által, mely csak az angol ABC betűit, számokat és aláhúzás jelet tartalmazhat (ez utóbbit a szóköz helyett használjuk). Lehetséges attributumok : rows= sorok száma cols= karakterek száma egy sorban, illetve az univerzális attributumok

Példa:

<p>Mi a véleménye az 1956-os forrdalomról ?</p>
<textarea name="56-os_forradalom" rows=12 cols=60></textarea>

Kezdeti értékadás

Kezdeti értéket is adhatunk a többsoros beviteli mezőnek :

Példa:

<p>Kit tart a század legjelentősebb magyar politikusának ?</p>
<textarea name="politikus" rows=12 cols=60>
Kérjük indokolja meg a válaszát !
</textarea>

Netscape2.0MS IE4.0 Sortörés kikényszerítése

Normális esetben a többsoros beviteli mező esetében nincs autómatikus kocsivissza, soremelés. Ez azon felhasználó esetében, ki a modern beviteli formákat ismeri, kényelmetlenségnek tünik. Ezen problémán segít a wrap= attributum, mely értéke lehet: (virtual = látszólagos), mely csak a bevitel során tördeli a sorokat, az adattovábbítás után azonban újból folyamatos a szöveg megjelenése. Lehet : (physical =valóságos) ekkor az adattovábbítás során a sortörés jeleket is elküldjük, továbbá lehet : wrap=off , ami az alapértelmezés.

Példa 1:

<p>Ön szerint mit tehetünk a népességcsökkenés megállításáért ?</p>
<textarea name="fogyunk" rows=12 cols=60 wrap=virtual></textarea>

Példa 2:

<p>Ön szerint milyen hatása lehet hazánk EU csatlakozásának ?</p>
<textarea name="unio" rows=12 cols=60 wrap=physical></textarea>

HTML4.0Csak olvasás engedélyezése

A readonly attributum megadásával csak olvashatóvá tehetjük a többsoros beviteli mezőt.

Példa:

<textarea name="Output" rows=12 cols=60 readonly></textarea>

Figyelje meg:

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.


HTML4.0További lehetőségek

Az <input type=textarea> Tag-ban megadhatunk univerzális attributumokat, ahogy az egysoros beviteli mező esetében bemutattuk. Éppúgy lehetséges CSS Stíluslap megadást a különböző űrlapelemekhez hozzárendelni.( igaz ezeket a parancsokat a Netscape 4.x verzió még nem, csak a MS Internet Explorer 4.x ismeri fel.

Nyitó lapVissza egy lapotFel a lap elejéreTovább egy lapot

Készült : 1999-10-27 Lengyel Sándor