TP03 表单和智能表的单的操作.pptxVIP

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