Атрибут value Input Text

Объект Input Text DOM HTML

Определение и использование

value Установите или верните значение атрибута value текстового поля.

Атрибут value HTML содержит значение по умолчанию или введенное пользователем значение (или значение, установленное скриптом).

См. также:

Руководство по HTML:Атрибут value элемента <input> HTML

Пример

Пример 1

Измените значение текстового поля:

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

Попробуйте сами

Более многие примеры предоставлены внизу страницы.

Синтаксис

Возврат значения атрибута value:

textObject.value

Установите значение атрибута value:

textObject.value = text

Значение атрибута

Значение Описание
text Установите значение вводимого текстового поля.

Технические детали

Возврат значений: Строка значений, представляющая значение текстового поля.

Более примеров

Пример 2

Получение значения текстового поля:

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

Попробуйте сами

Пример 3

Валидация формы:

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;

Попробуйте сами

Пример 4

Список с выпадающими элементами в форме:

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

Попробуйте сами

Пример 5

Другой список с выпадающими элементами:

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;

Попробуйте сами

Пример 6

Пример различия между свойствами defaultValue и value:

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

Попробуйте сами

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка

Объект Input Text DOM HTML