IT兄弟连 HTML5教程 HTML5表单 小结及习题

时间:2021-10-23 15:37:45

IT兄弟连 HTML5教程 HTML5表单 小结及习题

小结

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