小结

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. 对 HTML 语义化的理解

    简述一下你对 HTML 语义化的理解? 用正确的标签做正确的事情. html 语义化让页面的内容结构化,结构更清晰,便于对浏览器.搜索引擎解析; 即使在没有样式 CSS 情况下也以一种文档格式显示,并 ...

  2. Go 修改map slice array元素值

    在“range”语句中生成的数据的值其实是集合元素的拷贝.它们不是原有元素的引用.这就意味着更新这些值将不会修改原来的数据.我们来直接看段示例: package main import "f ...

  3. 【朝花夕拾】Android多线程之（三）runOnUiThread篇——程序猿们的贴心小棉袄

    runOnUiThread()的使用以及原理实在是太简单了,简单到笔者开始都懒得单独开一篇文章来写它.当然这里说的简单,是针对对Handler比较熟悉的童鞋而言的.不过麻雀虽小,五脏俱全,runOnU ...

  4. ES6对正则的改进(简要总结)

    文章目录 正则的扩展 1. RegExp 构造函数 2. 字符串的正则方法 3. u 修饰符 4. y 修饰符 5. sticky 属性 6. flags 属性 7. s 修饰符:dotAll 模式 ...

  5. 用canvas写飞机大战

    1.老规矩,当我们开始做项目的时候,我们第一步就是要进行分析,当我们的游戏开始做的时候我们要把一整个游戏分成五个阶段来写: 五个阶段和我方飞机的生命值,还有游戏的得分情况如下: //游戏欢迎状态 co ...

  6. 萌新入门Github请看这里，学不会远程教

    一些废话 本文的主旨是为初次接触Github的同学提供一个入门的教程,如果你已经是Github老鸟,可以忽略本文哦,另外本文只是抛砖引玉,其实最好的教程是官方文档!!! Github官网 Github ...

  7. wpf键盘

    一.键盘类和键盘事件 WPF提供了基础的键盘类(System.Input.Keyboard类),该类提供与键盘相关的事件.方法和属性,这些事件.方法和属性提供有关键盘状态的信息.Keyboard的事件 ...

  8. 《.Net 最佳实践》 - 学习笔记

    <.Net 最佳实践> ========== ========== ==========[作者] (美) Stephen Ritchie[译者] (中) 黄灯桥 黄浩宇 李永[出版] 机械 ...

  9. skyline加载arcgis发布的wms服务

    function AddWMSLayer(LayerName) {var _WMSUrl =“http://10.0.4.141:6080/arcgis/services/poss1/MapServe ...

  10. i2c_msg 标志位 - repeat-start

    i2c_msg标志位      路径:linux-2.6.38/include/linux/i2c.h I2C_M_IGNORE_NAK: 设置这个标志意味当前i2c_msg忽略I2C器件的ack和n ...