您的位置:首页 > Web前端 > HTML

html表单提交分析

2017-03-19 13:08 274 查看
表单以一对form标签成对出现的,以form开始,以结束

action:浏览器输入的数据被提交到的地方,比如一个php页面

method:数据的传送方式

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单测试页面</title>
</head>
<body>
<form method="post" action="save.jsp">
<label>用户名</label><input type="text" name="loginname" value=""/>
<br />
<labal>密码</labal><input type="password" name="loginname" value="" />
<br />
<input type="button" name=" tijiao" value="提交"  />
<input type="reset" name="loginrest" value="重置"  />
</form>
<br />
<h2>
文本域,支持多行文本输出
</h2>
<br />
<form method="post" action="jianyi.jsp">
<textarea class="50" row="10">在这里输入内容</textarea>
<input type="button" name="jianyitijiao" value="提交" />
<input type="reset" name="jianyirest" value="重置" />
</form>
<h2>使用单选框和复选框来提供给用户选择</h2>
<br />
<form mothod="post" action="save.jsp"/>
<label>男</label><input type="radio" value="1" name="garden" />
<label>女</label><input type="radio" value="2" name="garden" />
</form>
<br />
<form mothod="post" action="save.jsp"/>
<label>爱好</label>
<label>爬山</label><input type="checkbox" value="1" name="xingqu" />
<label>跑步</label><input type="checkbox" value="2" name="xingqu" />
</form>
<h2>使用下拉框给用户更多选择</h2>
<br />
<form mothod="post" action="save.jsp"/>
<label>爱好</label>
<select multiple="multiple">
<option value="看书">看书</option>
<option value="跑步">跑步</option>
<option value="滑雪">滑雪</option>
<input type="submit" value="提交">
</select>
</form>
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息