輸入文字 值 屬性
描述
value 屬性設定或返回文字欄位 value 屬性的值。
value 屬性包含預設值或使用者輸入的值（或透過指令碼設定的值）。
瀏覽器支援
| 屬性 | |||||
|---|---|---|---|---|---|
| value | 是 | 是 | 是 | 是 | 是 |
語法
返回 value 屬性
文字物件.value
設定 value 屬性
文字物件.value = 文字
屬性值
| 值 | 描述 |
|---|---|
| text | 指定輸入文字欄位的值 |
技術詳情
| 返回值 | 一個字串，表示文字欄位的值 |
|---|
更多示例
示例
表單驗證
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("名稱不能超過 10 個字元");
submitOK = "false";
}
if (isNaN(age) || age < 1 || age > 100) {
alert("年齡必須是 1 到 100 之間的數字");
submitOK = "false";
}
if (at == -1) {
alert("不是有效的電子郵件！");
submitOK = "false";
}
if (submitOK == "false") {
return false;
}
自己動手試一試 »
示例
表單中的下拉列表
var mylist = document.getElementById("myList");
document.getElementById("favorite").value = mylist.options[mylist.selectedIndex].text;
自己動手試一試 »
示例
另一個下拉列表
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;
自己動手試一試 »
示例
一個顯示 defaultValue 和 value 屬性之間差異的示例
var x = document.getElementById("myText");
var defaultVal = x.defaultValue;
var currentVal = x.value;
自己動手試一試 »
相關頁面
HTML 參考: HTML <input> value 屬性
❮ 輸入文字物件
