Textarea-tagi

Tag textarea luo monirivisen syötekentän käytettäväksi HTML-lomakkeissa.

Toisin kuin tagissa input, textarea:ään voi kirjoittaa useita tekstirivejä erotellen ne Enter-näppäimellä.

Tagin textarea tulee sijaita tagin form sisällä. Se ei ole pakollista, mutta välttämätöntä tietojen lähettämiseksi palvelimelle ja niiden seuraavaa käsittelyä PHP:n kautta.

Oletusarvoisesti käyttäjä voi muuttaa tagin textarea kokoa vetämällä alas oikeasta kulmasta. Tätä käyttäytymistä voidaan muuttaa CSS-ominaisuudella resize.

Esimerkki . Yksinkertainen textarea

Katsotaan kuinka tagi textarea toimii:

html<textarea></textarea>

Результат:

Esimerkki . Oletusteksti

Yritetään lisätä tagille textarea oletusteksti. Huomaa, että toisin kuin tagissa input, tagille textarea ei aseteta attribuuttia value, vaan oletusteksti kirjoitetaan avaavan ja sulkevan tagin väliin:

html<textarea>jokin teksti</textarea>

Результат:

Esimerkki . Tarpeettomat välilyönnit

Kiinnitetään huomiota siihen, että jos avaava tagi ja sulkeva tagi erotetaan eri riveille, niin tuloksena tässä syötekentässä ilmestyy ylimääräisiä välilyöntejä (miten torjua: älä erota eri riveille):

html<textarea>
  jokin teksti
</textarea>

Результат:

Esimerkki . Vihje textareaan

Lisätään nyt tagille textarea vihje placeholder:

html<textarea placeholder="olen vihje"></textarea>

Результат:

Katso myös

  • tagi input,
    joka on yksirivinen syötekenttä
  • attribuutti disabled,
    jolla syötekenttiä voidaan estää