HTML5 表单

一、表单标签

定义：收集客户端的数据发送给服务器的标签

结构：<form 属性 = “值”> 数据 </form>

属性：action 服务器地址（目标地址） action=“路径”

method 提交方式：以某种形式从客户端将数据提交给服务器

取值：get 明文提交

特点：1.传输文件大小不超过2kb

2.传输不安全，会将传输的信息展示在地址栏中

3.传输速度很快

post：匿名提交

特点：1.传输文件不受限制

2.传输安全，不会将信息展示在地址栏中

3.传输速度相对较慢

二、表单中标签

注意：form表单本身并没有任何页面效果，真正能够跟用户交互的是嵌入其中子标签

1.普通文本框<input type = "text"> 姓名 账号 文字信息

2.密码文本框<input type = "password"> 密码

3.特殊字符

&nbsp； 空格 产生2-4px

&yen；人民币符号

&copy；版权

4.按钮

普通按钮<input type = "button" value = "名称值">

提交按钮<input type = "submit" value = "名称值">

复位按钮<input type = "reset" value = "名称值">

图片按钮<input type = "image" value = "名称值">

5.日期文本框   <input type = "date">

6.数字文本框   <input type = "number">

7.邮箱文本框  <input type = "email">  具备验证邮箱格式的功能，不过格式不正确，不能提交

8.单选框  <input type = "radio" name="文本框名称" value = "值">

场景：多者选其一

常用属性：checked = “checked”  默认选中

9.多选按钮 <input type = "checkbox" name = "文本框名称" value = "值">

场景：可以同时选择 >=0个

10.下拉框

结构

<select>
       <option>文本</option>
</select>

场景：多者选其一，日期