Los últimos tutoriales de desarrollo web
 

Input Text value Property

<Objeto de texto de entrada

Ejemplo

Cambiar el valor de un campo de texto:

document.getElementById("myText").value = "Johnny Bravo";
Inténtalo tú mismo "

Definición y Uso

Los conjuntos de propiedades de valor o devuelve el valor del value atributo de un campo de texto.

La propiedad valor contiene el valor por defecto o el valor de un usuario escribe (or a value set by a script) .


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

El establecimiento se admite en todos los principales navegadores.


Sintaxis

Devolver el valor de la propiedad:

textObject .value

Establecer el valor de la propiedad:

textObject .value= Valores de propiedad
Valor Descripción
text Especifica el valor del campo de entrada de texto

Detalles técnicos

Valor de retorno: Una cadena, que representa el valor del campo de texto

Más ejemplos

Ejemplo

Obtener el valor de un campo de texto:

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

El resultado de x será:

Mickey
Inténtalo tú mismo "

Ejemplo

la validación de formularios:

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;
}
Inténtalo tú mismo "

Ejemplo

lista desplegable en un formulario:

var mylist = document.getElementById("myList");
document.getElementById("favorite").value = mylist.options[mylist.selectedIndex].text;
Inténtalo tú mismo "

Ejemplo

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;
Inténtalo tú mismo "

Ejemplo

Un ejemplo que muestra la diferencia entre el valor de la propiedad y defaultValue:

var x = document.getElementById("myText");
var defaultVal = x.defaultValue;
var currentVal = x.value;
Inténtalo tú mismo "

Páginas relacionadas

Referencia HTML: HTML <input> atributo de valor


<Objeto de texto de entrada