Thuộc tính value của Input Text

Đối tượng Input Text DOM HTML

Định nghĩa và cách sử dụng

value Cài đặt hoặc trả về giá trị của thuộc tính value của trường văn bản.

Thuộc tính value của HTML chứa giá trị mặc định hoặc giá trị nhập vào bởi người dùng (hoặc giá trị được thiết lập bởi script).

Xem thêm:

Hướng dẫn HTML:Thuộc tính value của <input> HTML

Thực hành

Ví dụ 1

Thay đổi giá trị của trường văn bản:

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

Thử nghiệm ngay

Cung cấp thêm ví dụ ở dưới cùng của trang.

Cú pháp

Trả về giá trị thuộc tính value:

textObject.value

Đặt giá trị thuộc tính value:

textObject.value = text

Giá trị thuộc tính

Giá trị Mô tả
text Định nghĩa giá trị của trường văn bản.

Chi tiết kỹ thuật

Giá trị trả về: Giá trị chuỗi, biểu thị giá trị của trường văn bản.

Các ví dụ khác

Ví dụ 2

Lấy giá trị của trường văn bản:

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

Thử nghiệm ngay

Ví dụ 3

Kiểm tra biểu mẫu:

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;
}

Thử nghiệm ngay

Ví dụ 4

Danh sách rơi trong biểu mẫu:

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

Thử nghiệm ngay

Ví dụ 5

Danh sách rơi khác:

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;

Thử nghiệm ngay

Ví dụ 6

Chương trình minh họa sự khác biệt giữa thuộc tính defaultValue và value:

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

Thử nghiệm ngay

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Đối tượng Input Text DOM HTML