小结
HTML表单提交的方法有get方法和post方法,get方法的作用是从指定的资源请求数据,post方法的作用是向指定的资源提交要被处理的数据。HTML表单一直都是Web的核心技术之一,有了它我们才能在Web上进行各种各样的应用。HTML5 Forms新增了许多新控件及其API,方便我们做更复杂的应用,而不用借助其它Javascript框架。HTML5新增表单元素有<datalist>、<keygen>和<output>。<datalist>元素规定输入域的选项列表;<keygen>元素的作用是提供一种验证用户的的可靠方法;<output>元素用于不同类型的输出,比如计算或脚本输出。HTML5拥有多个新的表单输入类型,这些新特性提供了更好的输入控制和验证,如“email”类型的文本框可以验证邮箱并提供提示。新增的表单属性用于对表单或表单文本域进行控制,比如控制表单的自动完成、自动填充功能和文本域的提示(hint)、正则匹配等功能。
习题
1.以下哪项不是HTML5新增的form元素?(D)
A.datalist B.keygen
C.output D.novalidate
2.以下不是input在html5的新类型的是(B)
A.DateTime B.file
C.Colour D.Range
3.在HTML5中,onblur和onfocus是(B)
A.HTML元素 B.样式属性
C.事件属性 D.表单属性
4.在HTML5中,哪个属性用于规定输入字段是必填的?(A)
A.required B.formvalidate
C.validate D.placeholder
5.哪种输入类型定义滑块控件?(D)
A.search B.controls
C.slider D.range
6.在下列的 HTML 中,哪个可以产生复选框?(C)
A.<input type="check"> B.<checkbox>
C.<input type="checkbox"> D.<check>
7.关于html5说法正确的是:(D)
A.HTML5是在原有HTML上的升级版
B.HTML可以不需要DTD
C.没有<!DOCTYPE html>HTML5可以正常工作
D.<output>是html5的新标签
8.哪种输入类型用于定义周和年控件(无时区)?(B)
A.date B.week
C.year D.time
9.在url类型的输入框中,输入以下哪项url不会出现错误提示?(C)
A.www.itxdl.cn B.https://itxdl.cn
C.https://www.itxdl.cn D.itxdl.cn
10.生成类型为range的<input>标签,”min”值为0,”max”值为100,”step”为3。输入哪一项的数字可以让此文本框通过验证?(C)
A.102 B.10
C.54 D.100
11.GET和POST的区别,何时使用POST?
GET:一般用于信息获取,使用URL传递参数,对所发送信息的数量也有限制,一般在2000个字符
POST:一般用于修改服务器上的资源,对所发送的信息没有限制。GET方式需要使用Request.QueryString来取得变量的值,而POST方式通过Request.Form来获取变量的值,也就是说Get是通过地址栏来传值,而Post是通过提交表单来传值。然而,在以下情况中,请使用 POST 请求:无法使用缓存文件(更新服务器上的文件或数据库) 向服务器发送大量数据(POST 没有数据量限制)发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠
12.HTML5 有哪些新增的表单元素?
答案:
HTML5新增了很多表单元素让开发者构建更优秀的Web应用程序。新增表单元素有:datalist、datetime、output、keygen、date、month、week、time、color、number、range、email、url