小结

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. Butterknife Attribute value must be constant

    背景 在下面的R.id.rv_msg_remind 标红,然后鼠标附上去,显示attribute value must be contant.如下: @BindView(R.id.rv_msg_rem ...

  2. 【NPM】使用问题记录

    [NPM]使用问题记录 =========================================================================== 1.MSBUILD : ...

  3. 《Java练习题》进阶练习题（一）

    编程合集: https://www.cnblogs.com/jssj/p/12002760.html 前言:不仅仅要实现,更要提升性能,精益求精,用尽量少的时间复杂度和空间复杂度解决问题. [程序48 ...

  4. SpringBoot电商项目实战 — ElasticSearch接入实现

    如今在一些中大型网站中,搜索引擎已是必不可少的内容了.首先我们看看搜索引擎到底是什么呢?搜索引擎,就是根据用户需求与一定算法,运用特定策略从互联网检索出制定信息反馈给用户的一门检索技术.搜索引擎依托于 ...

  5. 【AHOI 2013】差异

    Problem Description 给定一个长度为 \(n\) 的字符串 \(S\),令 \(T_i\) 表示它从第 \(i\) 个字符开始的后缀.求 \(\sum_{1\leqslant i&l ...

  6. c++-纯虚函数和抽象类

    纯虚函数和抽象类 C面向接口编程和C多态 函数类型语法基础 函数指针做函数参数(回调函数)思想剖析 函数指针做函数参数两种用法(正向调用.反向调用) 纯虚函数 抽象类 抽象类基本概念 抽象类在多继承中 ...

  7. JQuery 基本使用、操作样式、简单动画

    JQ与JS JQ是JS写的插件库,就是一个JS文件 凡是用JQ能实现的,JS都能实现,JS能实现的,JQ不一定能实现 引入 BootCDN:https://www.bootcdn.cn/jquery/ ...

  8. JS---案例：移动元素，封装动画函数

    案例:移动元素,封装动画函数 1. div要移动,要脱离文档流---position:absolute 2. 如果样式的代码是在style的标签中设置,外面是获取不到 3. 如果样式的代码是在styl ...

  9. 一键删除数据库所有的外键约束-FOREIGN_KEYS

    DECLARE @ESQL VARCHAR(1000);DECLARE FCursor CURSOR --定义游标FOR (SELECT  'ALTER TABLE '+O.name+' DROP  ...

  10. PyQt5内嵌浏览器

    import sys from PyQt5.QtCore import * from PyQt5.QtGui import * from PyQt5.QtWidgets import * from P ...