HTML+CSS第10章.ppt

10.1 基本语法 表单包括输入框、单选框、复选框等。表单是用 标签来进行创建的。 标签是成对出现的，表单里要出现的内容都会被包含在这对标签里面。 标签里包含着多个属性设置，本节将详细解说 标签里的属性设置。 内容包括： 10.8 使用文本区域 文本区域是指输入框里的文本内容可以是多行的文本，当文本内容超出文本区域，会自动显示滚动条。文本区域适合在多文本内容输入的情况下使用。使用文本区域需要用 标签来进行设置，同时，通过对 标签里属性的设置来实现多种效果，语法形式如下所示。 10.9 使用按钮 按钮是来到提交或清空表单信息的作用。通过设置可以把表单里的信息提交到指定的数据库或其他地方，然后再跳转到其他页面。也可以通过设置，把表单里填写的信息清空，再重新输入。本节将讲述表单里的两种按钮。 1-* 北京源智天下科技有限公司 联系方式： 联系方式： 北京源智天下科技有限公司 第10章 表单 在前面的章节里，讲述的都是静态的标签属性。在本章，将讲述动态的标签属性。其是指这些标签属性不单可以在页面上显示效果，还可以让浏览者自己去填写操作，再通过链接数据库来进行操作。表单便是动态的标签属性，它包含有强大的功能，是浏览者和网站主要交流的渠道。 设置链接跳转action 指向链接跳转方法method 设置链接跳转方式target 设置字符集列表accept-charset 设置编码表单内容enctype 定义表单名称name 10.2 输入框 !--开始插入表单-- !--插入输入框-- !--结束插入表单-- 输入框是指在指定的框里输入文本内容，通过 标签进行控制。 标签没有闭合标签，所以在使用时，要为 标签加上/号，来达到标签的闭合，语法形式如下所示。 在 标签里，要设置不同的属性来达到想要的输入框效果。输入框一般分为两种，一种是输入文字内容，一种是输入密码。 10.3 使用单选框 !--开始插入表单-- input type radio name n id value / !--插入单选框-- !--结束插入表单-- 单选框是指在表单里有多个内容进行选择，而只能做出单项选择。单选框多用于问卷调查等选择项目中，通过type属性来进行设置。比起输入框，单选框多出一个value属性，语法形式如下所示。 10.4 使用复选框 !--开始插入表单-- input type checkbox name n id value / !--插入复选框-- !--结束插入表单-- 复选框是指在表单里有多个内容进行选择，对多个内容可以做出多项选择。复选框多用于问卷调查等选择项目，通过type属性来进行设置。比起输入框，单选框多出一个value属性，语法形式如下所示。 10.5 使用图像域 !--开始插入表单-- input type image name n id src # / !--插入图像域-- !--结束插入表单-- 图像域是指使用图像来作为按钮提交表格的区域。这是个很好用的标签属性，当设计师觉得自带的按钮无法满足于设计时，便会使用此标签属性。图像域通过type属性来进行设置。由于图像域需要链接图片，所以在图像域里会多出一个src属性，语法形式如下所示。 10.6 使用隐藏表单的元素 !--开始插入表单-- input type ”hidden” name ”n” value ”#’ / !--隐藏表单的元素-- !--结束插入表单-- 隐藏表单的元素是指隐藏该属性值下的信息，让用户无法自行控制，却在按下提交信息时发送该标签属性下value属性的值。隐藏表单的元素通过type属性来进行设置，语法形式如下所示。 10.7 使用列表框 !--开始插入表单-- select name n id !--开始插入列表框 -- option value !--插入列表-- !--结束插入列表框 -- !--结束插入表单-- 列表框是指一个可以选择的下拉菜单，以列表的形式显示。使用列表框标签和上面说的使用标签是不同的。使用列表框需要两个标签结合使用，分别是 标签和 标签。在这两个标签里分别需要设置几个属性，语法形式如下所示。 !--开始插入表单-- textarea name n id cols rows !--插入文本区域-- !--结束插入表单-- 提交按钮 type submit 清空按钮 type reset 10.10 小结 本章学习了表单里各标签属性的基本用法。通过学习，可以了解到每个框里的属性基本上是一样的，但是设置都是不一样的。每个属性值的设置都和数据库各方面有关，而在这里只是简单地介绍了各种标签属性的用法和作用，虽然仅仅