第4章 表单与CSS样式表
本章要点
4.1 表 单
4.2 CSS样式表
4.3 应用实例
习题4


表单是用户利用浏览器对Web站点网络数据库进行查询的一种界面,用户利用表单可以输入信息或选择选项等,然后将这些信息提交给服务器进行处理.这种查询方式叫做交互的或者叫做双向的.这些表单对象包括文本域,下拉列表框,复选框和单选按钮等.
4.1.1 创建表单域与设置表单域的属性
1.创建与删除表单域
(1)创建表单域:将光标移到要插入表单域的位置.单击"插入"(表单)栏内的"表单"按钮,或用鼠标将"插入"(表单)栏内的"表单"图标拖曳到网页文档窗口内,即可在网页编辑窗口内创建一个表单域,如图4-1-1所示.单击表单域内部,将光标移到表单域内,按回车键即可将表单域调大.按Backspace键,可使表单域缩小.表单域在浏览器内是看不到的.
(2)显示表单域:在表单域创建后,若看不到表单域的矩形红线,则单击选中"查看"→"可视化助理"→"不可见元素"命令,即可将表单
图4-1-1 创建的表单域域的矩形红线显示出来.
(3)删除表单域:单击表单域的边线处,选中表单域,按Delete按键,即可删除表单域.
2.设置表单域的属性

4.1 表 单


单击选中表单域,此时表单域"属性"面板如图4-1-2所示.

4.1 表 单

4.1.2 插入表单对象与其他对象
1.插入表单对象的方法
2.文本域(也叫文本字段)的属性设置
表单中经常使用文本域,它可以是单行,也可以是多行,它用于接收任何格式的文本,数字和字符.文本域的"属性"面板如图4-1-3所示,各选项的作用如下.
图4-1-2 表单域"属性"面板
图4-1-3 文本域
的"属性"面板

3.按钮的属性设置
按钮用来制作"提交"和"重置"按钮,还可以调用函数.它的"属性"面板如图4-1-4所示.
4.1 表 单





4.复选框的属性设置

下一页