Form 表单用于用户进行登录, 注册, 提交等场景, 所有要提交的数据都必须放在 form 标签中 <form action="" method=" ">;
action: 提交地址, 动作, 与 input 标签中 type 标签的 submit 属性相关联. <input type="submit" value="提交" />, 提交地址是 action 的地址
method: 提交方法, 有 get 和 post 两种提交方法.
get 方法: 提交数据可以在 URL 中看见,
(1) 以 http://reg.email.163.com/unireg/call.do?cmd=register.entrance&from=126mail 传递参数
(2)URL 长度有限制, 所以传递的参数数据就有限制
(3) 由于数据可以看见, 所以不安全
(4) 网页默认的请求是 get
post 方法:
(1) 将 form data 保存在 http 的请求
(2) 没有长度限制
(3) 提交的数据在 url 是看不到的, 比较安全
(4) 往往在开发中用于提交数据 form 表单提交 post
(5) 文件上传 method = post enctype=multipart/form-data
表单标签
定义供用户输入的表单 | |
https://www.runoob.com/tags/tag-input.html | 定义输入域 |
定义文本域 (一个多行的输入控件) | |
定义了 <input> 元素的标签,一般为输入标题 | |
定义了一组相关的表单元素,并使用外框包含起来 | |
定义了 <fieldset> 元素的标题 | |
定义了下拉选项列表 | |
定义选项组 | |
定义下拉列表中的选项 | |
定义一个点击按钮 | |
New | 指定一个预先定义的输入控件选项列表 |
New | 定义了表单的密钥对生成器字段 |
New | 定义一个计算结果 |
- <option value="bj"> 北京 </option>
- <option value="sh"> 上海 </option>
- <option value="gz"> 广州 </option>
- <option value="sz"> 深圳 </option>
- </select>
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="utf-8" />
- <title>form 表单 </title>
- </head>
- <body>
- <form>
- <!-- 文本框 -->
- 用户名:<input type="text" placeholder="请输入您的用户名"/>
- <input type="button" value="请点击"/><br />
- 密码:<input type="password" placeholder="请输入您的密码"/>
- <input type="submit" value="请确认"/>
- <br />
- <input type="hidden" value="隐藏"/>
- <!-- 复选框 -->
- 苹果 <input type="checkbox" /><br />
- 香蕉 <input type="checkbox" /><br />
- 葡萄 <input type="checkbox" /><br />
- <!-- 单选框 -->
- <input type="radio" name="sex" id="nan" value="0"/ checked="a"><label for="nan"> 男 </label>
- <input type="radio" name="sex" id="nv"/><label for="nv"> 女 </label>
- <br />
- <!-- 下拉列表 -->
- <select size="1" name="form">
- <option > 语文 </option>
- <option selected="selected"> 数学 </option>
- <option > 英语 </option>
- </select>
- </form>
- <!-- 文本域 -->
- <textarea cols="20" rows="20"> 请输入内容 </textarea>
- </body>
- </HTML>
来源: http://www.bubuko.com/infodetail-3170664.html