小结

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. Vue单页面应用打包app处理返回按钮

    情况 顶部返回,在header.vue公用组件中使用 this.$router.go(-1) 安卓:点击返回按钮:登录页,项目选择页,首页等几个一级页面要求提示用户是否退出app;确定,退出;取消:不 ...

  2. CentOS 7.4搭建LAMP，LAMP：Linux、Apache、MySQL、PHP

    CentOS 7.4搭建LAMP,LAMP:Linux.Apache.MySQL.PHP. 目录: 第一部分 准备工作 第二部分 安装Apache服务 第三部分 安装MySQL服务 第四部分 搭建PH ...

  3. LVS+Keepalived-DR模式

    Environment:4台CentOS机器 两台LVS 两台web服务器 LVS主备的操作,都需要安装ipvsadm和keepalived yum -y install ipvsadm keepal ...

  4. 获取本地计算机名称和Ip地址

    using System.Net; Dns.GetHostName();//获取本地计算机主机名 IPAddress[] IP = Dns.GetHostAddresses(Dns.GetHostNa ...

  5. 面试 3-5年Java开发后的感受

    在上周,我密集面试了若干位Java后端的候选人,工作经验在3到5年间.我的标准其实不复杂:第一能干活,第二Java基础要好,第三最好熟悉些分布式框架,我相信其它公司招初级开发时,应该也照着这个标准来面 ...

  6. Python连载58-http协议简介

    一.http协议实战 1.URL(Uniform Resource Located) (1)使用FFTP的URL,例如:ftp://rtfm.mit.edu (2)使用HTTP的URL,例如:http ...

  7. Linux服务器部署.Net Core笔记：六、安装MySQL

    接下来我们在 Centos7 系统下使用 yum 命令安装 MySQL,需要注意的是 CentOS 7 版本中 MySQL数据库已从默认的程序列表中移除,所以在安装前我们需要先去官网下载 Yum 资源 ...

  8. Nginx实现负载均衡时常用的分配服务器策略

    场景 Nginx配置实例-负载均衡实例:平均访问多台服务器: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/103019576 在 ...

  9. SpringCloud（三）：服务消费以及负载均衡（RestTemplate+Ribbon）

    一.什么是Ribbon: Ribbon是Netflix发布的开源项目,主要功能是提供客户端的软件负载均衡算法. 将Netflix的中间层服务连接在一起.Ribbon客户端组件提供一系列完善的配置项如连 ...

  10. Things 3 for Mac是什么？如何使用？

    为大家介绍一款实用的效率管理软件“Things 3 for Mac”,它通过使用标签和智能过滤条,东西结合了强大的功能和简单性,Leopard风格的来源列表可以快速轻松地进行对焦.与一个美丽的用户界面 ...