Textarea-elementin käsittely JavaScriptissä
Tässä oppaassa osiossa opimme
työskentelemään lomakkeiden monimutkaisempien ominaisuuksien kanssa.
Aloitamme oppimisen textarea -tagista,
joka edustaa monirivistä syötekenttää.
Tämän tagin käsittelyssä on tietty
vivahde. Ydin on seuraava: oletusarvoisesti tagin sisällä oleva
teksti sijoitetaan
avaus- ja sulkutagin textarea väliin:
<textarea id="elem">text</textarea>
:
Kuitenkin, huolimatta tästä, tagin
tekstiä tulisi lukea ja kirjoittaa ei innerHTML -ominaisuuden kautta,
vaan value -ominaisuuden kautta. Esimerkkinä tulostetaan
edellä mainitun textarea:n teksti:
let elem = document.querySelector('#elem');
console.log(elem.value); // tulostaa 'text'
Annettu textarea-elementti ja kappale. Kun kenttä menettää fokuksen, kirjoita sen teksti kappaleeseen.
