默认值:
- 隐式:隐藏域(HTML DOM Hidden 对象)
如果想要提交并非用户直接输入的数据的话,就是用这种类型的元素。
http://www.runoob.com/jsref/dom-obj-hidden.html
<!DOCTYPE html>
<html>
<head>
<script>
function displayResult()
{
var x=document.getElementById("hidden1").value;
alert(x);
}
</script>
</head>
<body>
<form>
<input type="hidden" id="hidden1" value="W3Schools">
</form>
<button type="button" onclick="displayResult()">Display value of hidden field</button>
</body>
</html>
- 显式:disabled (HTML disabled 属性)
<!DOCTYPE html>
<html>
<body>
<form action="demo_form.php">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname" value="value" disabled><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
是我们想要的效果。
但是:不会被提交!
使用户在满足某些条件时(比如选中复选框,等等)才能使用 元素。然后,可使用 JavaScript 来删除 disabled 值,使该 元素变为可用的状态。
注意:disabled 属性不适用于 <input type="hidden">
。
解决办法:
http://bbs.youkuaiyun.com/topics/390529184?page=1
1.冗余隐藏域(disabled的input框仅仅负责显示)
2.给表单加一个提交(onsubmit)处理函数,把disabled的元素值取出来,赋值给一个