小结

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

IT兄弟连 HTML5教程 HTML5表单 小结及习题的更多相关文章

  1. IT兄弟连 JavaWeb教程 Servlet表单数据

    很多情况下,需要传递一些信息,从浏览器到Web服务器,最终到后台程序.浏览器使用两种方法可将这些信息传递到Web服务器,分别为GET方法和POST方法. 1．GET方法 GET 方法向页面请求发送已编 ...

  2. IT兄弟连 JavaWeb教程 Servlet表单乱码问题

    在使用原生的Servlet进行Web应用开发时经常会遇到一些中文乱码问题,造成乱码问题的原因只有一个:即客户端与服务端的字符编码不一致所导致的. 请求参数乱码问题 服务器端获取客户端传递过来的数据出现 ...

  3. IT兄弟连 HTML5教程 CSS3属性特效 小结及习题

    本章小结 CSS3新增了许多属性,CSS3样式新增了一种颜色模式rgba用来制作透明色,比CSS的颜色模式多了一个透明度的设置.文字的CSS3特效有文字阴影.文字描边.文字排版和文字省略等.另外,CS ...

  4. IT兄弟连 HTML5教程 HTML5表单 HTML5新增表单元素

    HTML5有一些新的表单元素:<datalist>.<keygen>.<output>.不是所有的浏览器都支持HTML5新的表单元素,但即使浏览器不支持该表单属性, ...

  5. HTML5的form表单属性

    form:HTML4中,表单内的从属元素必须书写在<form></form>之内,但是在HTML5中,表单的从属元素可以处于页面的任何位置,然后为其添加form属性,属性值为f ...

  6. HTML5跨浏览器表单及HTML5表单的渐进增强

    HTML5跨浏览器表单 http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-cross-browser-html5-f ...

  7. HTML5 学习笔记 表单属性

    HTML5新的表单属性 HTML5 的form和input 标签添加了几个新的属性 <form>新属性 autocomplete novalidate input 新属性 autocomp ...

  8. [H5表单]html5自带表单验证体验优化及提示气泡修改

    慕课网之前录制的视频,js/jquery各种宽高的理解和应用,最近终于上线了.还有一个html5左侧导航没有上线!最近慕课网系列课程让我录制一个html5表单验证的课程.今天就稍微说一下表单验证!另外 ...

  9. html5中form表单新增属性以及改良的input标签元素的种类

    在HTML5中,表单新增了一些属性,input标签也有了更多的type类型,有些实现了js才能实现的特效,但目前有些浏览器不能全部支持.下面是一些h5在表单和input标签上的一些改动. <!D ...

随机推荐

  1. mybatis第一篇

    1.mybatis介绍 1.介绍 ​ MyBatis 本是apache的一个开源项目iBatis, 2010年这个项目由apache software foundation 迁移到了google co ...

  2. JSP请求是如何被处理的？jsp的执行原理

    客户端通过浏览器发送jsp请求,服务器端接受到请求后,判断是否是第一次请求该页面,或者该页面是否改变,若是,服务器将jsp页面翻译为servlet,jvm将servlet编译为.class文件,字节码 ...

  3. 2019有赞中高级Java工程师面试题与解答

    说说JVM的内存分区 线程私有的区域 程序计数器:JVM中程序计数器相当于汇编语言中的CPU中的寄存器,保存程序当前执行的指令的地址. 虚拟机栈:Java方法执行的栈由许多个栈帧构成,每个栈帧对应一个 ...

  4. 读书笔记之《Java 并发编程的艺术》

    一.多线程语义 即使是单核处理器也支持多线程执行代码,CPU 通过给每个线程分配 CPU 时间片来执行任务,当前任务执行一个时间片后会切换到下一个任务,所以 CPU 通过不停的切换线程执行. 并发执行 ...

  5. 第二个视频作品《[SpringCloudAlibaba]微服务之注册中心nacos》上线了

    1.场景描述 第二个视频作品出炉了,<[SpringCloudAlibaba]微服务之注册中心nacos>上线了,有需要的朋友可以直接点击链接观看.(如需购买,请通过本文链接购买) 2. ...

  6. .net core 获取树莓派的机器码，唯一ID，唯一串号

    今天在实际开发树莓派程序的时候,碰到了一个问题,需要获取到树莓派的唯一串号信息.必须在.net core的环境下: 那么如何实现呢?我们先查找树莓派的基本信息是储存在哪里的? 我们在下面的路径里找到了 ...

  7. SpringCloud之Feign 负载均衡请求超时时间

    版本声明: SpringCloud:Greenwich.SR4 SpringBoot:2.1.9.RELEASE Feign调用服务的默认时长是1秒钟,也就是如果超过1秒没连接上或者超过1秒没响应,那 ...

  8. Additional information: The maximum message size quota for incoming messages (65536) has been exceeded. To increase the quota, use the MaxReceivedMessageSize property on the appropriate binding elemen

    wcf service: <system.serviceModel> <bindings> <basicHttpBinding> <binding name= ...

  9. linux用户身份与文件权限

    用户 useradd [ 参数 ] 用户名 添加用户 sudo useradd -d /home/test -u 1001 -s /bin/bash name usermod [选项] 用户名 更改用 ...

  10. 探索Dynamics 365 用户能够登录使用的最小权限需求

    我是微软Dynamics 365 & Power Platform方面的工程师罗勇,也是2015年7月到2018年6月连续三年Dynamics CRM/Business Solutions方面 ...