❮ Đối tượng văn bản nhập
Thí dụ
Thay đổi giá trị của trường văn bản:
document.getEuityById ("mytext"). value = "Johnny Bravo";
Hãy tự mình thử »
Định nghĩa và cách sử dụng
Thuộc tính giá trị đặt hoặc trả về giá trị của thuộc tính giá trị của trường văn bản.
Thuộc tính giá trị chứa giá trị mặc định hoặc giá trị mà người dùng loại trong (hoặc giá trị được đặt bởi tập lệnh).
Hỗ trợ trình duyệt
giá trị | Đúng | Đúng | Đúng | Đúng | Đúng |
Cú pháp
Trả về thuộc tính giá trị:
Đặt thuộc tính giá trị:
Giá trị tài sản
chữ | Chỉ định giá trị của trường văn bản đầu vào |
Chi tiết kỹ thuật
Một chuỗi, biểu thị giá trị của trường văn bản |
Nhiều ví dụ hơn
Thí dụ
Nhận giá trị của trường văn bản:
var x = document.getEuityById ("mytext"). Giá trị;
Hãy tự mình thử »
Thí dụ
Định nghĩa và cách sử dụng
Thuộc tính giá trị đặt hoặc trả về giá trị của thuộc tính giá trị của trường văn bản.
var age = document.getElementById("age").value;
var fname =
document.getElementById("fname").value;
submitOK = "true";
Thuộc tính giá trị chứa giá trị mặc định hoặc giá trị mà người dùng loại trong (hoặc giá trị được đặt bởi tập lệnh).
alert("The name may have no more than 10 characters");
submitOK = "false";
}
Hỗ trợ trình duyệt
alert("The age must be a number between 1 and 100");
submitOK = "false";
}
Tài sản
alert("Not a valid e-mail!");
submitOK = "false";
}
giá trị
return
false;
}
Hãy tự mình thử »
Thí dụ
Định nghĩa và cách sử dụng
Thuộc tính giá trị đặt hoặc trả về giá trị của thuộc tính giá trị của trường văn bản.
document.getElementById("favorite").value = mylist.options[mylist.selectedIndex].text;
Hãy tự mình thử »
Thí dụ
Thuộc tính giá trị chứa giá trị mặc định hoặc giá trị mà người dùng loại trong (hoặc giá trị được đặt bởi tập lệnh).
Hỗ trợ trình duyệt
var option = no.options[no.selectedIndex].text;
var txt = document.getElementById("result").value;
txt = txt + option;
document.getElementById("result").value = txt;
Hãy tự mình thử »
Thí dụ
Tài sản
giá trị
var defaultVal = x.defaultValue;
var currentVal = x.value;
Hãy tự mình thử »
Đúng
Cú pháp
❮ Đối tượng văn bản nhập
Trình duyệt
IE6
Y (lỗi)
N
First name:
Last name:
Y
IE7
IE8
IE9
- IE10
- FF3.0
- N tức là = Internet Explorer
FF3.5/FF3.6 The value attribute cannot be used with <input type="file">.
Y ff = mozilla firefox
FF4B1
GC4/GC5 | Y y = vâng, n = không | Y y = vâng, n = không | Y y = vâng, n = không | Y y = vâng, n = không | Y y = vâng, n = không |
Safari4/Safari5
Opera10.10/
Opera 12 | Liên kết hữu ích |
Trình duyệt
FF3.0
N tức là = Internet Explorer
FF3.5/FF3.6
Ví dụ
document.getElementById("searchTxt").value;
Y ff = mozilla firefoxNote: Method 2,3,4 and 6 returns a collection of elements, so use [whole_number] to get the desired occurrence. For the first element, use [0], for the second one use [1], and so on...
FF4B1
Y gc = google chrome
Ví dụ
<input>0 Nếu đây là hộp văn bản đầu tiên trong trang của bạn.
Phương pháp 3
Sử dụng <input>1 cũng trả về một htmlcollection trực tiếp
Ví dụ
<input>2, nếu đây là hộp văn bản đầu tiên trong trang của bạn.
Phương pháp 4
<input>3 trong đó cũng> trả về một Nodelist trực tiếp
Ví dụ
<input>4 Nếu đây là hộp văn bản đầu tiên có tên 'searchText' trong trang của bạn.
Phương pháp 5
Sử dụng <input>5 mạnh mẽ sử dụng bộ chọn CSS để chọn phần tử
Ví dụ
- <input>6 được chọn bởi ID
- <input>7 được chọn bởi lớp
- <input>8 được chọn bởi tagname
- <input>9 được chọn theo tên
Phương pháp 6
value0 cũng sử dụng bộ chọn CSS để chọn các phần tử, nhưng nó trả về tất cả các phần tử với bộ chọn đó làm một nút tĩnh.
Ví dụ
- value1 được chọn bởi ID
- value2 được chọn bởi lớp
- value3 được chọn bởi tagname
- value4 được chọn theo tên
Ủng hộ
IE6 | Y (lỗi) | N | Y | Y (lỗi) | N |
Y | Y (lỗi) | N | Y | Y (lỗi) | N |
Y | Y | N | Y | Y (lỗi) | Y |
IE7 | Y | Y | Y | Y (lỗi) | Y |
IE7 | Y | Y | Y | Y | Y |
IE7 | Y | Y | Y | Y | IE7 |
IE8 | Y | Y | Y | Y | IE7 |
IE8 | Y | Y | Y | Y | IE7 |
IE8 | Y | Y | Y | Y | IE7 |
IE8 | Y | Y | Y | Y | Y |
IE7 | |||||
IE8 | Y | Y | Y | Y (lỗi) | Y |
IE9 | |||||
IE10 | Y | Y | Y | Y | Y |
FF3.0
- N tức là = Internet Explorer
- FF3.5/FF3.6
- Y ff = mozilla firefox