输入文本 value 属性
描述
value 属性设置或返回文本字段的 value 属性的值。
value 属性包含默认值或用户输入的值(或脚本设置的值)。
浏览器支持
属性 | |||||
---|---|---|---|---|---|
value | 是 | 是 | 是 | 是 | 是 |
语法
返回 value 属性
textObject.value
设置 value 属性
textObject.value = text
属性值
值 | 描述 |
---|---|
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 属性
❮ 输入文本对象