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

原文地址:https://www.cnblogs.com/itxdl/p/11719266.html

时间: 2024-11-08 10:41:25

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

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

HTML5有一些新的表单元素:<datalist>.<keygen>.<output>.不是所有的浏览器都支持HTML5新的表单元素,但即使浏览器不支持该表单属性,仍然可以显示为常规的表单元素. 1  <datalist>元素 <datalist>元素规定输入域的选项列表.<datalist>属性规定form或input域应该拥有自动完成功能.当用户在自动完成域中开始输入时,浏览器应该在该域中显示的填写的选项.Internet Exp

HTML5的form表单属性

form:HTML4中,表单内的从属元素必须书写在<form></form>之内,但是在HTML5中,表单的从属元素可以处于页面的任何位置,然后为其添加form属性,属性值为form表单的id属性值即可,表单form与从属元素的从属关系依然有效, like this: <form id="log"> <input type="submit"> </form> <input type="sub

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

在HTML5中,表单新增了一些属性,input标签也有了更多的type类型,有些实现了js才能实现的特效,但目前有些浏览器不能全部支持.下面是一些h5在表单和input标签上的一些改动. <!DOCTYPE html><html> <head> <title>表单测试</title> <meta charset="utf-8" /> <!-- 在不支持h5的浏览器中,可以用CSS样式进行改写 --> &

HTML5 学习笔记 表单属性

HTML5新的表单属性 HTML5 的form和input 标签添加了几个新的属性 <form>新属性 autocomplete novalidate input 新属性 autocomplete autofocus form formaction formenctype formmethod formnovalidate formtarget height and width list min and max multiple pattern (regexp) placeholder req

html5 自带表单验证怎么禁用

HTML5加强了表单验证功能,可验证是否可空及输入内容的类型及格式,并可通过为表单或控件设置 novalidate 属性指定在提交表单时不验证整个 form 或指定的input. 例: ENDINPUT验证INPUT 标签中通过 type属性指定输入内容类型:email,指定输入内容为电子邮件地址.url,指定输入内容为URL.number,指定输入内容为数字,并可通过 min.max.step 属性指定最大最小及间隔.date.month.week.time.datetime.datetime

DWZ(JUI) 教程 普通表单提交

原文:DWZ(JUI) 教程 普通表单提交 一类是普通的表单提交,另一类就是列表页面的表单提交,主要是用来查询搜索列表使用的.今天我就简单介绍一下前者. 这是官网上的普通列表页面, <div class="pageContent"> <form method="post" action="demo/common/ajaxDone.html" class="pageForm required-validate"

Flask教程 —— Web表单(上)

第二章中介绍的request对象公开了所有客户端发送的请求信息.特别是request.form可以访问POST请求提交的表单数据. 尽管Flask的request对象提供的支持足以处理web表单,但依然有许多任务会变得单调且重复.表单的HTML代码生成和验证提交的表单数据就是两个很好的例子. Flask-WTF扩展使得处理web表单能获得更愉快的体验.该扩展是一个封装了与框架无关的WTForms包的Flask集成. Flask-WTF和它的依赖集可以通过pip来安装: (venv) $ pip

表单小结之申请表

<!doctype html><html><head><meta charset="utf-8"><title>表单小结</title></head> <body bgcolor="#FFCCFF"><center><p align="center"><font size="5">申请表</

Python+Django+SAE系列教程14-----使表单更安全

还记得我们上一章提到过的添加页面吗? 添加完以后我们注意一下地址栏: 表单里的数据赤裸裸的显示在了地址栏中,这时候如果我们修改一下内容 刷新,这样数据库里面就会又加入了一条数据,也就是说用户如果知道表单的结果页的连接,就可以不通过我们的表单,任意添加数据了,这样当然不是我们想要的结果. 这样的结果是因为我们在表单中使用了get的方式来传递数据,这时我们应该想到采用post的方法,post比get更加安全,我们来修改一下模板页面,注意这里: 下面是表单模板Classroom_Add.html的代码