创建表单|网站制作基础

（1）了解表单的基本概念；

（2）掌握常用表单文本域、单选按钮、复选框、下拉列表和按钮的创建方法及属性设置。

表单是浏览者与网页可以进行交互的一种元素。大量的网站使用表单来实现网站的注册用户、问卷调查、投票和网上交易等功能应用。

常用的表单包括文本域、单选按钮、多选按钮、下拉列表和按钮，下面介绍每个对象的常用属性。

1.文本域

文本域是用于搜集用户输入的最普通的单行输入框，文本域的属性面板如图2-7-1所示。

文本域：设置文本域的名称。

字符宽度：设置文本域在浏览器中可显示的字符数。

最多字符数：设置文本域中最多能够输入的字符数量。

类型：设置文本域是单行文本域、多行文本域或密码文本域。

初始值：设置文本域预先载入的初始内容。

图2-7-1　文本域【属性】面板

2.单选按钮

单选按钮用于搜集用户选择的某项信息，单选按钮的属性面板如图2-7-2所示。

图2-7-2　单选按钮【属性】面板

单选按钮：设置单选按钮的名称。若要将多个单选按钮作为一组，需要将每个单选按钮的名字相同命名，当点击同组单选按钮中的一个时，始终只能有一个被选中。

选定值：设置单选按钮被选中时的值。

初始状态：设置单选按钮预先载入时是否被选中。

3.复选框

复选框用于搜集用户选择的多项信息，复选框的属性面板如图2-7-3所示。

图2-7-3　复选框【属性】面板

复选框名称：设置复选框的名称。

选定值：设置复选框被选中时的值。

初始状态：设置复选框预先载入时是否被选中。(www.xing528.com)

4.下拉列表

下拉列表是以下拉的方式搜集用户所选择的项，下拉列表的属性面板如图2-7-4所示。

图2-7-4　下拉列表【属性】面板

列表/菜单：设置列表/菜单的名称。

类型：设置显示时是菜单效果还是列表效果。

高度：设置类型为列表效果时，要显示项的数量。

列表值：设置列表/菜单中每项的值。

初始化时选定：设置默认情况下被选中的项。

5.按钮

按钮是为用户提供提交数据的触发对象，按钮的属性面板如图2-7-5所示。

图2-7-5　按钮【属性】面板

按钮名称：设置按钮的名称。

值：设置按钮中所显示的文本。

动作：设置当点击按钮时所需要应用的事件。

计算机操作系统Windows 7/8/10、Dreamweaver CS6软件，Chrome/360/IE浏览器。