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:

html<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:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.value); // tulostaa 'text'