《网页制作与设计》立体化电子课件 第2章—HTML.ppt

表单与控件-输入控件 文件域的示例 文本域 控件 除了单行文本框，HTML表单还提供了能够输入多行文本的文本域控件 定义文本域控件的标签对为textarea与/textarea 表单与控件-文本域 文本域控件定义格式如下： form 属性关键字=属性值…… textarea属性关键字=属性值…… …… !-- 文本域的初始内容 -- /textarea /form 表单与控件-文本域 文本域的常用属性 设置文本域为只读类型(内容不允许编辑与修改) readonly readonly 设置文本域为不可用状态(文本域控件失去焦点) disabled disabled 设定文本域内容的折行方式 off、virtual、physical wrap 指定文本域当前显示的宽度(列数) 整数值n cols 指定文本域当前显示的高度(行数) 整数值n rows 为文本域指定名称 名称字符串 name 功能描述 属性取值 属性 表单与控件-文本域 文本域应的示例 表单与控件-文本域 选择列 表控件 选择列表控件又称为下拉列表控件，它提供了从众多候选项目中选择一个或多个选项的机制 选择列表由select/select标签对创建 select元素中包含多个option标签，每个option元素定义一个可用的选择列表表项 表单与控件-选择列表 选择列表的通用定义格式如下： select 属性=属性值…… option value=选项值1 选项标题1 /option …… option value=选项值n 选项标题n /option /select 表单与控件-选择列表 select标签的常用属性 表单与控件-选择列表 设置选择列表为不可用状态(没有焦点) disabled disabled 指定选择列表可用选项的最大数目(默认值为1) 整数值n size 设置选择列表的选择特性为允许多重选择 multiple multiple 为选择列表控件指定名称 名称字符串 name 功能描述 属性取值 属性 option标签的常用属性 表单与控件-选择列表 设置当前选项为不可用状态(没有焦点) disabled disabled 指定选项提交给服务器时的值 选项的返回值 value 指定当前选项的初始状态为选中状态 selected或不赋值 selected 为optgroup标签的使用设定一个标识 文本标识 label 功能描述 属性取值 属性 选择列表示例 表单与控件-选择列表 带有选项分组功能的选择列表示例 分组 标签 fieldset标签与legend标签共同用来对表单中的信息进行归类分组 表单与控件-分组标签 表单分组的定义格式为： form fieldset legend标题/legend …… !-- 分组内的表单控件与元素 -- /fieldset …… fieldset legend标题/legend …… !—分组内的表单控件与元素 -- /fieldset form 表单与控件-选择列表 分组 标签 fieldset (字段集)标签用来对表单信息进行分组，并在分组的文字与控件四周画出一个矩形边框，这与窗口框架极为类似 一个表单可以定义多个字段集元素 fieldset标签可以嵌套使用 表单与控件-分组标签 分组 标签 Legend标签用来为?fieldset?元素定义文字标题 默认情况下，标题插入在fieldset边框的左上角 legend标签必需是fieldset标签的第一个标签 表单与控件-分组标签 表单分组示例 表单与控件-选择列表 框架 定义 框架(Frame)是用来分割浏览器窗口空间的工具，可以将一个浏览器窗口划分为若干个小窗口，每个小窗口内单独打开一个网页，各个框架中的网页相互独立，从而获得在同一个浏览器窗口中同时显示不同网页的效果 框架还可以非常方便的完成导航工作 框架布局 HTML表单作为网页上的一个特定区域，由标签对form/form限定其作用范围，其它的表单控件必须插入在表单区域内 表单与控件-表单结构 表单常用的控件对象 重置按钮 reset 复选框 checkbox 提交按钮 submit 单选按钮 radio button 一般命令按钮 button 普通按钮 button 文件选择域 file select 多行文本框 textarea 下拉式菜单 select menu 单行文本框 text 功能说明 控件对象 功能说明 控件对象 表单与控件-表单结构 表单 标签 表单标签form的主要内容为可选的各类表单控件定义 form标签的事件包括onsubmit与onreset两类 form标签的常用属性如下表所示 表单与控件-表单