共计 1635 个字符，预计需要花费 5 分钟才能阅读完成。
HTML
HTML 的表单
一、FORM 元素
form 元素用来定义。
<form acton=""method="" enctype=""></form> 作用：
用于数据的交互
属性：
- action 拜访接口的地址
指定表单被提交到某一服务器页面上，省略时默认为以后页面
- method 表单提交的形式
规定提交时 HTTP 的办法：POST 和 GET
TIPS：post 和 get 形式的区别？
get 办法
1. 会将申请的数据拼接再浏览器的地址栏上，不平安
2. 申请数据的大小有限度
post 办法
1. 会将数据放在申请体中，比拟平安，不会被他人看到
申请行 + 申请头 + 申请体
2. 对于申请数据的大小个别没有限度 - enctype 编码类型
规定表单数据编码类型：
application/action-www-form-urlencoded：在发送前编码所有字符（默认）
multipart/form-data：不对字符编码
TIPS：增加文件附件时需注意！
增加文件附件时，enctype 不能为 application/action-www-form-urlencoded
必须为 enctype="multipart/form-data"
且 method="post"二、表单组件
input
<input> 元素依据 type 属性来扭转状态
<input type=""name="">type 属性有以下几种：
- text
供文本输出的单行输出字段 - password
明码字段，会被做掩码解决 -
radio
定义单选按钮，name 雷同则互斥，checked 默认抉择<label> 能够将单选按钮 radio 的圆圈和文字合并为一个整体，便于用户应用 - checkbox
定义复选框，name: 组名；value: 惟一 id；checked: 默认抉择 - reset
定义重置表单按钮 - submit
定义提交表单的按钮，value 属性能够定义按钮文本 - button
定义按钮 - file
文件附件按钮
select
下拉列表
<selected name="food">
<option value="sk"> 烧烤 </option>
<option value="hg"> 火锅 </option>
<option value="nc"> 奶茶 </option>
</selected>textarea
定义多行输出字段，cols=””（列）rows=””（行）
三、HTML 新增
1.input 中 type 类型
- time 容许用户抉择工夫
- date 蕴含日期的输出字段
- week 容许用户抉择周和年
- month 抉择月份和年份
- datetime 容许用户抉择日期和工夫（有时区）
- datetime-local 容许用户抉择日期和工夫（无时区）
- email 蕴含电子邮件地址的输出字段
- number 蕴含数字值的输出字段
- range 蕴含肯定范畴内的值的输出字段
- search 用于搜寻字段
- color 蕴含色彩的输出字段
- tel 蕴含电话号码的输出字段
- url 蕴含 URL 地址的输出字段
2.input 中属性
- autocomplete 属性规定表单或输出字段是否应该主动实现
- novalidate 属性规定在提交表单时不对表单数据进行验证
- autofocus 属性在页面加载时主动取得焦点
- placeholder 属性向用户显示描性阐明或者提示信息
- min / max 属性将 range 输入框的数值输出范畴限定在最低值和最高值之间
- step 个性可能制订输出值递增或递加的梯度
- required 属性规定此项必镇
- pattern 属性规定用于查看 <input> 元素值的正则表达式
- multiple 属性规定容许用户在 <input> 元素中输出一个以上的值，用于 email 和 file
<iframe>
能够引入别的网页，比方天气，工夫，股票<iframe src="http://i.tianqi.com/index.php?c=code&id=17" style="border:solid 1px rgb(255, 255, 255)" frameborder="0" marginwidth="0" marginheight="0" scrolling="no">
正文完
