本文介绍了一个简单的HTML表单示例，通过添加隐藏字段并在提交前动态设置其值来增强表单功能。利用JavaScript，可以在提交时捕获并展示表单中的数据。
<!doctype html>
<html>
<head>
<title>使用隐藏控件为表单添加的参数</title>
<meta charset="utf-8" http-equiv="content-type" content="text/html">
<script>
function sb(){
document.forms[0].myhidden.value='我是隐藏的';
var str='表单将提交包括：';
str+='\n年份：'+document.forms[0].myselect.value;
str+='\n姓名：'+document.forms[0].myname.value;
str+='\n隐藏变量：'+document.forms[0].myhidden.value;
alert(str);
}
</script>
</head>
<body style=" text-align:center">
<form method="post">
<input type="hidden" name="myhidden">
<select name="myselect">
<option value=" ">----请选择----</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2013</option>
<option value="2013">2014</option>
<option value="2015">2015</option>
</select>
<br/>
姓名：<input type="text" name="myname">
<input type="button" onClick="sb()" value="点击这里"/>
</form>
<p id="id"></p>
</body>
</html>
<html>
<head>
<title>使用隐藏控件为表单添加的参数</title>
<meta charset="utf-8" http-equiv="content-type" content="text/html">
<script>
function sb(){
document.forms[0].myhidden.value='我是隐藏的';
var str='表单将提交包括：';
str+='\n年份：'+document.forms[0].myselect.value;
str+='\n姓名：'+document.forms[0].myname.value;
str+='\n隐藏变量：'+document.forms[0].myhidden.value;
alert(str);
}
</script>
</head>
<body style=" text-align:center">
<form method="post">
<input type="hidden" name="myhidden">
<select name="myselect">
<option value=" ">----请选择----</option>
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012">2013</option>
<option value="2013">2014</option>
<option value="2015">2015</option>
</select>
<br/>
姓名：<input type="text" name="myname">
<input type="button" onClick="sb()" value="点击这里"/>
</form>
<p id="id"></p>
</body>
</html>
扫一扫
2624
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
