轻松学html+css之表单

轻松学html+css之表单

ID:21937867

大小:295.69 KB

页数:30页

时间:2018-10-21

轻松学html+css之表单_第1页
轻松学html+css之表单_第2页
轻松学html+css之表单_第3页
轻松学html+css之表单_第4页
轻松学html+css之表单_第5页
资源描述:

《轻松学html+css之表单》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第6章表单随着互联网的发展,信息传递从过去的单一传递变为现在的双向交互。互联网的交互,使浏览者和网络之间形成了牢不可破的关系。在交互的网络中,表单是一个不可或缺的元素,是交互的一个入口。只要有交互出现的地方,就会有表单。本章将着重介绍表单的用法。6.1表单概述表单可以制作留言板等信息交流的平台,设计的使用范围非常广泛。下面我们将详细介绍。6.1.1表单的定义一个表单有3个基本元素组成。第一个是表单标签。第二个是表单域。第三个是表单按钮。表单按钮用于将数据传送到服务器上或者取消输入。6.1.1表单的定义表单是一个包

2、含表单元素的区域。表单元素是允许用户在表单中(如文本域、下拉列表、单选框、复选框等)输入信息的元素。表单使用标签

来定义。定义语法如下所示:6.1.2表单名称的定义表单名称是指为表单定义一个名字,是为了在编程中可以更好地去调用表单。通过name属性来设置表单名称。定义语法如下所示:6.1.3设置字符集列表字符集列表是指多个字符集写在一起。通过accept-charset属性指定一系列的字符集,使用的服务器必须支持这些指定的字符集,这样才能正确地解释表单中的数据。定义语法如下所示:6.1.4在CSS中设置

3、表单通常系统默认的表单样式都非常单一,背景颜色也很单调。下面我们来介绍在CSS中设置表单的方法。定义语法如下所示:6.2输入框概述输入框是指在指定的框里输入文本内容,通过标签进行定义。定义语法如下所示:6.2.1定义文字输入输入文字是指在输入框中输入文字。若想在页面上显示同样文字的效果,需在标签中用type属性来定义。通常,type属性需与name属性和id属性一同在标签中定义,定义语法如下所示:6.2.2使用多行文本域与单行文本域不同的是,多行文本域中使用了

4、rea>标签。与标签不同的是,提交内容放在标签之间,并且该标签成对出现。定义语法如下所示:6.2.3定义密码输入输入密码是指在输入框中输入密码,在网页页面上用密码保护符号替代在输入框中输入的文字或数字的效果。定义语法如下所示:6.2.4在CSS中设置文本域如何在CSS中设置不同的文本框、文本域。定义语法形式如下所示:6.3选择框的概述选择框是表单中常用到一种表单元素,在网页中不仅有输入文字的提交,还有许多内容需要做成选项,从而为用户提供多种选择,方便使用。选择框分为单选和复选框。下面我们就来详细介绍

5、这两种选择框的应用。6.3.1定义单选框单选框是指在表单里有多个内容进行选择,而用户只能做出单项选择。与输入框相比,单选框增加了value属性的定义。定义语法如下所示:6.3.2定义复选框复选框是指在表单里有多个内容可供用户选择,用户可根据自身情况对多个内容做出多项选择。复选框多用于问卷调查等选择项目,使用type属性进行定义。定义语法形式如下所示:6.3.3定义列表框列表框是指一个可以选择的下拉菜单,并且以列表的形式表现。定义列表框时,需要将标签进行定义。定义语法形式如下所示:6.4.2设

7、置字段集字段集能使表单按类进行排放,从而使网页结构更清晰。通过

标签定义字段集列表。定义语法形式如下所示:6.4.3隐藏域的引用在网页的制作过程中,有时需要提交预先设置好的内容,但这些内容又不能给用户显示。因此这里选择向网页中添加隐藏域。定义语法形式如下所示:6.5表单的动作属性6.5.1设置链接跳转(action)链接跳转是指当表单里的内容要提交时,通过按钮可以跳转到的页面,用action属性进行定义。由于action属性是用来控制整个表单的提交内容,所以action属性要写

8、在标签里面。定义语法形式如下所示:6.5.2指向链接跳转方式(method)指向链接跳转方式是指当链接需要跳转时,所定义的跳转方式,通过method属性进行定义。定义语法形式如下所示:6.5.3设置链接跳转方式(target)链接跳转方式target属性和超链接中的target属性的语法、用法是相同的。target属性也需要在action属性存在的情况下才能产

当前文档最多预览五页,下载文档查看全文

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

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