表单
HTTP:应用层的协议
客户端→发送请求
服务端→作出响应
**GET:**显示的、有大小限制的(小) 浏览器的地址栏、超链接
**POST:**隐式的、有大小限制的(大) 表单
**请求的数据:**text/plain x-www-urlencoded multipart
请求报文:
请求行:method url HTTP/1.1\r\n
请求头:报文有关的属性信息\r\n
自定义信息\r\n
\r\n
请求体:朋友圈九宫格
GET的请求报文:
GET http://www.baidu.com?wd=http&n=zs&p=123 HTTP/1.1\r\n
Host:xxx\r\n
User-agent:safri…\r\n
Connection:keep-alive\r\n
\r\n
Null
POST的请求报文:
POST http://www.baidu.com/jd/index.html HTTP/1.1\r\n
Host:xxx\r\n
User-agent:safri…\r\n
Connection:keep-alive\r\n
\r\n
wd=汉字&n=zs&p=123
wd=\u23ed\u24dc&n=zs&p=123
POST http://www.baidu.com/jd/index.html HTTP/1.1\r\n
Host:xxx\r\n
User-agent:safri…\r\n
Connection:keep-alive\r\n
\r\n
1001101010101010010
响应的报文:
响应行:HTTP/1.1 200 OK\r\n
响应头:Content-Type:text/html\r\n
Content-Length:大小\r\n
\r\n
高级控件:
日期、时间、邮箱、电话、文本框textrea
组件库、第三方库:验证库、Kedito
新增表单元素
- progress
progress表示任务的完成情况,常用于进度条
max 定义进度元素所要求的任务的工作量,默认值为1
value 定义已经完成的工作量,如果max值为1,该值必须是介于0~1之间的小
数。
- output
output 表示用户动作产生的结果
name 定义元素的名称
for 其他元素的id列表,表明这些元素为计算提供了输入值(或其他影响) 。
- meter
meter元素表示规定范围内的数量值。例如:磁盘使用量,某个候选者的投票人数占
总投票人数的比例等
value :在元素中特地表示出来的实际值,该值在min与max之间,如果未指定
,该值默认为1
min :指定规定范围时允许使用的最小值,默认为0
max :指定规定范围时允许使用的最大值,默认为1
low :规定范围的下限值必须小于或等于high属性的值
high :规定范围的上限值(表示较高危险的意思)
optimum :最佳值
例如:<p>He got a<meter low="69" high="80" max="100" value="84">B on
the exam.</p>
- datalist
datalist表示其他控件可用的值,其值通过<option>作为datalist的子元素存在.
- type
在H5中,对input的type进行了扩展,可以有更多的取值
date 日期控件(年,月,日,不包含时间)
datetime-local 日期时间控件
time 时间控件
month 日期插件(年,月)
week 日期插件(年,周)
以上只能被chrome,opera支持
在H5中,对input的type进行了扩展,可以有更多的取值
number 数字控件(只能输入数字)
range 范围控件(通过控制条可以调整取值)
search 搜索控件,
tel 电话控件
url 地址控件
color 颜色控件
email控件
- form
在H5中,可以将表单内的从属元素书写在页面上的任何地方,然后为该元素指定一
个form属性,属性值为该表单的id。
formaction
一般用于提交按钮和图片按钮上,用于指定处理表单提交的后台程序,可以重写
form中的action属性。
formenctype
一般用于提交按钮和图片按钮上,用于指定处理表单的内容类型。
formmethod
一般用于提交按钮和图片按钮上,用于指定表单的提交方式。
formnovalidate
一般用于提交按钮和图片按钮上,布尔类型,提交时表单不被验证。
formtarget
一般用于提交按钮和图片按钮上,用于指定表单提交后在哪里显示响应页面。
autofocus
当页面加载完毕的时候,默认聚焦。在页面中,只能有一个表单元素具有该属性,
值为boolean类型,
list
取值为元素的id,用于显示提示内容。
max/min
表单组件能够接受到的最大值/最小值。
placeholder
对用户的输入进行提示,常用于搜索框,不要出现回车换行。
pattern
取值为正则表达式,用于表单验证。
required
表示在表单提交之前必须表单组件中必须输入值。
补充:
Html5与Html4主要区别在哪里?
1、定义
HTML5是应用超du文本标记zhi语言(HTML)的第五次修改,HTML4是应用超文本标记语言(HTML)的第四次修改,他们分dao别是html语言第5和第4版本,HTML4是为了适应pc时代产生的,HTML5是为了适应移动互联网时代产生的。他们都是w3c(World Wide Web)推荐的标准语言。
2、标签
HTML5相比HTML4代码更加简洁,HTML5的一些新元素、新属性等可以使web开发变的容易简单,比如说HTML5提高了API。HTML5之前有很多功能必须依靠javascript实现,现在使用HTML5元素的标签属性就可以。
3、元素
HTML5增加了canvas 元素(绘画)、video 元素(媒体回放)、audio 元素、新的特殊内容元素(article、footer、header、nav、section)、表单控件(calendar、date、time、email、url、search),比如之前用div现在可以用HTML5结构化标签代替,这样使整个页面更加直观,容易理解。
4、标记方法
HTML5语法主要是DOCTYPE(DOCTYPE声明方法:)和指定字符编码(对mate元素追加charset属性指定编码:)和html4有所区别