TP03表单和智能表单的操作研讨.pptx

表单和智能表单的操作 第三章 回顾与作业点评 使用什么标签声明无序列表和列表项？ 定义列表的标签dl、dt、dd分别表示什么意义，其作用是什么？ 创建表格的基本结构语法是什么？ 2/35 预习检查 语义化的概念是什么？ 常见的表单元素有哪些？ 制作一个下拉列表需要使用哪些标签？ 3/35 本章任务 制作语义化的表单 4/35 本章目标 会使用表单元素布局表单 会制作语义化的表单 5/35 表单在网页中的应用 大家在上网时，看到的表单在网页中的应用有哪些？ 6/35 表单包含的控件 单行文本输入框(TEXT) 单选按钮(RADIO) 复选框(CHECKBOX) 下拉列表(SELECT) 重置按钮(RESET) 提交按钮(SUBMIT) 多行文本框(TEXTAREA) 密码框(PASSWORD) 什么是表单 官方解释： 表单：可以收集用户的信息和反馈意见，是网站管理者与浏览者之间沟通的桥梁。 8/35 表单语法 form method=post action=result.html p 名字：input name=name type=text /p p 密码：input name=pass type=password /p p input type=submit name=Button value=提交 input type=reset name=Reset value=重填 /p /form 规定如何发送表单数据 常用值：get | post 表示向何处发送表单数据 在实际网页开发中通常采用post方式提交表单数据 9/35 表单元素格式 input type=text name=fname value=text Input元素类型 Input元素名称 Input元素的值 属性 说明 type 指定元素的类型。text、password、checkbox、radio、submit、reset、file、hidden、image 和 button，默认为 text name 指定表单元素的名称。 value 元素的初始值。type 为 radio时必须指定一个值 size 指定表单元素的初始宽度。当 type 为 text 或 password时，表单元素的大小以字符为单位。对于其他类型，宽度以像素为单位 maxlength type为text 或 password 时，输入的最大字符数 checked type为radio或checkbox时，指定按钮是否是被选中 10/35 表单元素8-1 文本框 input type=text name=userName value=用户名 size=30 maxlength=20 文本框 文本框名称 文本框初始值 文本框长度 文本框可输入最大字符 11/35 表单元素8-2 密码框 input type=password name=pass size=20 密码框 密码框的名称 密码框的长度 12/35 表单元素8-3 单选按钮 input name=gen type=radio value=男 checked=checked 男 input name=gen type=radio value=女 女 单选按钮框 值 单选按钮选中状态 13/35 表单元素8-4 复选框 input type=checkbox name=interest value=sports运动 input type=checkbox name=interest value=talk checked=checked 聊天 input type=checkbox name=interest value=play玩游戏 复选框 值 复选框选中状态 14/35 表单元素8-5 列表框 select name=列表名称 size=行数 option value=选项的值 selected=selected…/option option value=选项的值…/option /select 列表框 选项 默认选中项 15/35 表单元素8-6 按钮 图片按钮 input type=reset name=butReset value=reset按钮 input type=submit name=butSubmit value=submit按钮 input type=button name=butButton value=button按钮/ 重置按钮 普通按钮 提交按钮 图片路径 input type=image src=images/login.gif / 按钮上显示的文字 16/35 表单元素8-7 多行文本域 te