使用语言开发商业站点tp03.pptxVIP

第三章表单

预习检查常见的表单元素有哪些？表单提交有哪几种方式?各有什么特点?制作一个下拉列表需要使用哪些表单元素标签？使用什么属性可以达到表单的初步验证？集中测试2/44

回顾与作业点评使用什么标签声明无序列表和列表项？定义列表的标签dl、dt、dd分别表示什么意义，其作用是什么？创建表格的基本结构语法是什么？点评作业的提交情况和共性问题3/44回顾作业点评

本章任务制作语义化的表单4/44

本章目标会使用表单元素布局表单会制作语义化的表单会使用HTML5属性初步验证表单5/44

表单在网页中的应用大家在上网时，看到的表单在网页中的应用有哪些？登录注册问题6/44

表单语法语法formmethod=postaction=result.htmlp名字：inputname=nametype=text/pp密码：inputname=passtype=password/ppinputtype=submitname=Buttonvalue=提交/inputtype=resetname=Resetvalue=重填“//p/form规定如何发送表单数据常用值：get|post表示向何处发送表单数据经验在实际网页开发中通常采用post方式提交表单数据!演示示例1：表单的基本结构7/44

表单元素格式语法inputtype=textname=fnamevalue=text/input元素类型input元素名称input元素的值属性说明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时，指定按钮是否是被选中8/44

表单元素13-1文本框语法inputtype=textname=userNamevalue=用户名size=30maxlength=20/文本框文本框名称文本框初始值文本框长度文本框可输入最多字符演示示例2：文本框9/44

表单元素13-2密码框语法inputtype=passwordname=passsize=20/密码框密码框的名称密码框的长度演示示例3：密码框10/44

表单元素13-3单选按钮语法inputname=gentype=radiovalue=男checked/男inputname=gentype=radiovalue=女/女单选按钮框值单选按钮选中状态演示示例4：单选按钮11/44

表单元素13-4复选框语法inputtype=checkboxname=interestvalue=sports/运动inputtype=checkboxname=interestvalue=talkchecked/聊天inputtype=checkboxname=interestvalue=play/玩游戏复选框值复选框选中状态演示示例5：复选框12/44

表单元素13-5列表框语法selectname=列表名称size=行数optionvalue=选项的值selected=selected…/optionoptionvalue=选项的值…/option/select列表框选项默认选中项演示示例6：下拉列表框13/44

表单元素13-6按钮图片按钮语法inputtype=resetname=butResetvalue=reset按钮inputtype=submitname=butSubmitvalue=submit按钮inputtype=buttonname=butButtonvalue=button按钮/重置按钮普通按钮提交按钮图片路径inputtype=imagesrc=images/login.gif/按钮上显示的文字演示示例7：按钮14/44

表单元素13-7多行文本域语法textareaname=showTextcols=xrows=y文本内容/textarea多行文本域显示的列数显示的行数演示示例8：文本域15/44

表单元素13-8文件域语法formaction=method=