前端笔记1(表单默认值)

默认值:

  • 隐式:隐藏域(HTML DOM Hidden 对象)

如果想要提交并非用户直接输入的数据的话,就是用这种类型的元素。
http://www.runoob.com/jsref/dom-obj-hidden.html

前端笔记1(表单默认值)_第1张图片


<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 fieldbutton>

body>
html> 
  • 显式:disabled (HTML disabled 属性)

前端笔记1(表单默认值)_第2张图片


<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 属性不适用于

解决办法:

http://bbs.csdn.net/topics/390529184?page=1
1.冗余隐藏域(disabled的input框仅仅负责显示)
2.给表单加一个提交(onsubmit)处理函数,把disabled的元素值取出来,赋值给一个

你可能感兴趣的:(新手练习)