2015年网页美化与布局电子教案06单元6 网页表单元素与表单的美化与布局.doc

2015年网页美化与布局电子教案06单元6 网页表单元素与表单的美化与布局.doc

ID:50935109

大小:218.50 KB

页数:8页

时间:2020-03-08

2015年网页美化与布局电子教案06单元6 网页表单元素与表单的美化与布局.doc_第1页
2015年网页美化与布局电子教案06单元6 网页表单元素与表单的美化与布局.doc_第2页
2015年网页美化与布局电子教案06单元6 网页表单元素与表单的美化与布局.doc_第3页
2015年网页美化与布局电子教案06单元6 网页表单元素与表单的美化与布局.doc_第4页
2015年网页美化与布局电子教案06单元6 网页表单元素与表单的美化与布局.doc_第5页
资源描述:

《2015年网页美化与布局电子教案06单元6 网页表单元素与表单的美化与布局.doc》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、单元6 网页表单元素与表单的美化与布局单元6 网页表单元素与表单的美化与布局表单是网站中常用的元素之一,主要实现数据的动态交互。表单是与用户交互信息的主要手段,完整的表单包括三个部分:表单域、表单控件和提示信息。【知识预览】1.HTML5的表单及控件标签(1)

标签标签用于为用户输入创建HTML表单,表单用于向服务器传输数据。表单能够包含input元素,例如文本字段、复选框、单选框、提交按钮等。(2)标签标签用于搜集用户信息,表单中使用

2、标签插入输入控件,通过type属性指定控件的类型。根据不同的type属性值,输入字段拥有很多种形式。输入字段可以是单行文本框、密码输入框、复选框、单选按钮、重置按钮、普通按钮、图像域和文件域等。(3)

标签和标签
标签将表单内的相关元素分组,当一组表单元素放到
标签内时,浏览器

5、会以特殊方式来显示它们,它们可能有特殊的边界、3D效果,或者甚至可创建一个子表单来处理这些元素。

标签可以嵌套使用。(9)标签7单元6 网页表单元素与表单的美化与布局标签用于定义输入域的选项列表,列表是通过datalist内的option元素创建的。该标签与input元素配合使用该元素,用来定义input可能的值。2.HTML5新的form属性(1)autocomplete属性autocomplete属性规定form或i

6、nput域应该拥有自动完成功能。autocomplete适用于标签以及以下类型的标签:text、search、url、telephone、email、password、datepickers、range以及color。(2)novalidate属性novalidate属性规定在提交表单时不应该验证form或input域。novalidate属性适用于以及以下类型的标签:text、search、url、telephone、email、password

7、、datepickers、range以及color。【验证训练】【任务6-1】验证表单及表单控件各种类型的属性设置【任务描述】在网页中输入以下HTML标签及文字:

8、信息">

9、Gray"type="submit">搜索

针对上述表单及表单控件验证各种类型的属性设置。(1)为表单的action、method、name、id、target等属性设置不同的属性值。(2)尝试设置标签的type、name、value、align、size、disabled、alt等属性。(3)尝试设置
当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。