Input Text value 属性
定义和用法
value 属性设置或返回文本字段的 value 属性的值。
value 属性包含默认值或用户输入的值(或脚本设置的值)。
浏览器支持
属性 | |||||
---|---|---|---|---|---|
value | Yes | Yes | Yes | Yes | Yes |
语法
返回 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("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;
}
亲自试一试 »
实例
表单中的下拉列表:
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 属性
❮ Input Text 对象