提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
HTML表单
什么是表单?
搜索框
登录框
文件上传
注册
留言板
向服务器提交信息(写)
搜集用户信息、
交互
双向交流
读写执行
读取 获取信息
写入 发出信息
小技巧
管理控制台
查看器
DOM 文档对象模型 树形结构
浏览器构造的
控制台
可以执行的JS代码
网络
页面的网络链接
存储
存储了页面的cookie相信等。
表单元素
表单本身是一个框架,表单里会有很多控件(元素)
<form></form>
action 数据提交到服务器的url
如果为空,提交到当前页面
也可以采用绝对路径和相对路径
method 提交方法
get url中有显示
url 长度有限制
post 上传文件等等
HTTP 请求正文中
大部分
<input /> 单标签
type 属性
password 密码框
text 文本框
radio 单选框
checkbox 多选框
reset 重置按钮
下拉列表
<
<html>
<head>
<title>表单</title>
<meta charset="utf-8">
</head>
<body>
<h1>用户注册页面</h1>
<form
action="#"
method="post"
>
用户名:<input name="user" type="text" /><br />
密码:<input name="passwdl" type="password" /><br />
确认密码:<input name="passwd2" type="password" /><br />
性别:<input name="sex" value="1" type="radio" checked="checked">男<input name="sex" value="0" type="radio">女
<br />
爱好: <input name="ah1" value="cf" type="checkbox">吃饭
<input name="ah2" value="sj" type="checkbox">睡觉
<input name="ah3" value="dyx" type="checkbox">打游戏
<!--
ah1=cf
ah2=sj
ah3=dyx
-->
<br />
出生年月:<input type="text" name="year" size="4">年
<select name="mom" >
<option value="0" selected="selected">[选择月份]</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
月
<input type="text" name="day" size="2">日
<br />
<input type="reset" >
<input type="submit" name="submit" value="提交">
</form>
</body>
</html>