Atributo value de Input Text

Objeto Input Text del DOM HTML

Definición y uso

value Configurar o devolver el valor del atributo value del campo de texto.

La propiedad value de HTML contiene un valor predeterminado o un valor ingresado por el usuario (o un valor configurado por el script).

Véase también:

Manual de referencia de HTML:Atributo value del <input> de HTML

Ejemplo

Ejemplo 1

Cambiar el valor del campo de texto:

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

Prueba personalmente

Más ejemplos se proporcionan en la parte inferior de la página.

Sintaxis

Devolver el atributo value:

textObject.value

Configurar el atributo value:

textObject.value = text

Valor de atributo

Valor Descripción
text Especificar el valor del campo de texto de entrada.

Detalles técnicos

Valor devuelto: Valores de cadena, que representan el valor del campo de texto.

Más ejemplos

Ejemplo 2

Obtener el valor del campo de texto:

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

Prueba personalmente

Ejemplo 3

Validación del formulario:

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("El nombre no puede tener más de 10 caracteres");
  submitOK = "false";
}
if (isNaN(age) || age < 1 || age > 100) {
  alert("La edad debe ser un número entre 1 y 100");
  submitOK = "false";
}
if (at == -1) {
  alert("¡No es un correo electrónico válido!");
  submitOK = "false";
}
if (submitOK == "false") {
  return false;
}

Prueba personalmente

Ejemplo 4

Lista desplegable en el formulario:

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

Prueba personalmente

Ejemplo 5

Otra lista desplegable:

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;

Prueba personalmente

Ejemplo 6

Ejemplo de la diferencia entre las propiedades defaultValue y value:

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

Prueba personalmente

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte

Objeto Input Text del DOM HTML