Input Text value 属性
Input Text 对象的 value 属性可设置或者返回文本域的 value 属性值
value 属性包含了默认值或用户输入的值 ( 或通过脚本设置 )
语法
返回 value 属性
textObject.value
设置 value 属性
textObject.value= text
属性值
值 | 描述 |
---|---|
text | 轨道了文本域的初始值 |
返回值
字符串,表示文本域的默认值
浏览器支持
所有主流浏览器都支持 value 属性
范例
修改文本域的值
document.getElementById("myText").value = "Johnny Bravo";
范例
获取文本域的值
var x = document.getElementById("myText").value;
范例
表单验证
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("不合法的 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;
相关页面
HTML 参考手册: HTML <input> value 属性