Come utilizzare l'input textArea in JavaScript

Come utilizzare l'input textArea in JavaScript
In HTML, l'elemento definisce un controllo di input di testo multilinea. IL "Cols" E "file"Gli attributi definiscono le dimensioni di un'area di testo. Viene spesso utilizzato in un modulo per raccogliere input utente come recensioni o commenti. Per ottenere l'input di TextArea in JavaScript, devi usare "getElementById ('id')Metodo "con il"valore"Attributo.

Questo post descriverà il metodo per utilizzare l'input del textar in javascript.

Come utilizzare l'input textArea in JavaScript?

Per l'utilizzo dell'ingresso TextArea in JavaScript, è necessario eseguire due operazioni principali:

  • Ottieni il valore di input di TextArea inserito
  • Imposta il nuovo valore in textreatea

Esempio
In un file HTML, in primo luogo, crea un textar e assegna un valore "Linuxhint":



Crea due pulsanti "Ottieni il testo" E "Aggiungi nuovo testo", Che chiamerà le funzioni"getText ()" E "setText ()"Rispettivamente, sull'evento di clic del pulsante:


Dopo aver eseguito il codice HTML sopra, la pagina sembrerà come segue:

Ora, nel file JavaScript, definisce una funzione "getText ()"Ciò attiverà l'evento click. Qui otterremo il valore di input usando il "getElementById ()"Metodo e mostrarlo in"mettere in guardia()" metodo:

funzione getText ()
var text = documento.getElementById ("Txtarea").valore;
avviso (testo);

Definire una funzione "setText ()"Ciò attiverà il"Aggiungi nuovo testo"Pulsante e impostare il testo specificato nell'area di testo:

funzione setText ()
var text = documento.getElementById ("Txtarea").value = "LinuxHint è il miglior sito Web per le capacità di apprendimento";

L'output mostra che il valore pre-immerso del textara viene visualizzato nel messaggio di avviso facendo clic su "Ottieni il testo"Pulsante. Quindi, impostiamo il nuovo valore di input nell'area di testo usando "Aggiungi nuovo testo"Pulsante. Infine, il valore di textarea di input viene recuperato usando "Ottieni il testo"Pulsante:

Si tratta di usare l'input textArea in JavaScript.

Conclusione

Per utilizzare l'input di TextArea in JavaScript, è necessario ottenere i valori di input o impostare il valore di input su TextArea. Per ottenere l'input di Textarea, usa il “getElementById ('id')Metodo "con il"valore"Attributo e per l'impostazione del valore di input, utilizzare il"getElementById ('id').value = 'text'". Questo post ha descritto il metodo per utilizzare l'input di textarea in javascript.