Attributo value del testo di input

Oggetto Input Text DOM HTML

Definizione e uso

value Impostare o restituire il valore dell'attributo value del campo di testo.

L'attributo value dell'HTML contiene un valore predefinito o un valore inserito dall'utente (o un valore impostato dallo script).

Vedere anche:

Manuale di riferimento HTML:Proprietà value dell'<input>' HTML

Esempio

Esempio 1

Modificare il valore del campo di testo:

document.getElementById("myText").value = "Bill Gates";

Prova personalmente

Più esempi sono forniti nella parte inferiore della pagina.

Sintassi

Restituire l'attributo value:

textObject.value

Impostare l'attributo value:

textObject.value = text

Valore dell'attributo

Valore Descrizione
text Specificare il valore del campo di testo di input.

Dettagli tecnici

Valore di ritorno: Valore della stringa, che rappresenta il valore del campo di testo.

Più esempi

Esempio 2

Ottenere il valore del campo di testo:

var x = document.getElementById("myText").value;

Prova personalmente

Esempio 3

Validazione del modulo:

var at = document.getElementById("email").value.indexOf("@");
var age = document.getElementById("age").value;
var fname = document.getElementById("fname").value;
submitOK = "true";
if (fname.length > 10) {
  alert("The name may have no more than 10 characters");
  submitOK = "false";
}
if (isNaN(age) || age < 1 || age > 100) {
  alert("The age must be a number between 1 and 100");
  submitOK = "false";
}
if (at == -1) {
  alert("Not a valid e-mail!");
  submitOK = "false";
}
if (submitOK == "false") {
  return false;
}

Prova personalmente

Esempio 4

Lista a discesa nel modulo:

var mylist = document.getElementById("myList");
document.getElementById("favorite").value = mylist.options[mylist.selectedIndex].text;

Prova personalmente

Esempio 5

Un'altra lista a discesa:

var no = document.getElementById("no");
var option = no.options[no.selectedIndex].text;
var txt = document.getElementById("result").value;
txt = txt + option;
document.getElementById("result").value = txt;

Prova personalmente

Esempio 6

Esempio di differenza tra le proprietà defaultValue e value:

var x = document.getElementById("myText");
var defaultVal = x.defaultValue;
var currentVal = x.value;

Prova personalmente

Supporto dei browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto

Oggetto Input Text DOM HTML