HTML5程序设计及实践第3章 HTML5表单.ppt

week类型 week类型的表单域，用于选择周 form 周: input type=week name=txtweek input type=submit value=提交 /form time类型 time类型的表单域，用于选择时间。 form 时间: input type=time name=txttime input type=submit value=提交 /form email类型 email 类型的表单域，用于输入应该包含 e-mail 地址的输入域 form 电子邮件: input type=email name=txtemail input type=submit value=提交 /form url类型 url 类型表单域用于输入包含URL地址信息 form URL: input type=url name=txtURL input type=submit value=提交 /form number类型 number 类型的表单域，用于输入应该包含数值的信息。在代码里可以设定输入数值的范围、初始值和步进单位。 form 数字: input type=number name=txtnumber min=1 max=10 step=2 value=3 input type=submit value=提交 /form range类型 range 类型的表单域，用于输入应该包含数值的输入域。 form 范围: 0input type=range name=txtrange min=0 max=10 value=510 input type=submit value=提交 /form search类型 search 类型用于搜索域，比如站点搜索或 Google 搜索 form 查询: input type=search name=txtsearch input type=submit value=提交 /form 目录 新的表单域 新的表单域属性 新的form元素 新的form属性 autofocus属性 mark元素用于强调文档中的一部分文档，以高亮背景显示 form action=# method=post p 1: input type=text name=txt1 //p p 2: input type=text name=txt2 autofocus //p p 3: input type=text name=txt3 //p input type=submit value=提交 / /form form属性 form属性用于指定当前输入域所属的表单，可以指定该输入域属于多个表单，不同form之间用空格分开。 form action=# id=form1 p 姓名: input type=text name=txtName //p input type=submit value=提交 / /form p 年龄: input type=text name=txtage form=form1/ /p formaction属性 formaction属性一般用于submit按钮，指向一个url地址。当form提交时，浏览器会根据该地址请求消息处理，该属性会覆盖form的aciton属性。 form action=../jsp/info.jsp method=post p 姓名: input type=text name=txtname //p p 密码: input type=password name=txtpwd //p input type=submit value=提交方式1 / input type=submit value=提交方式2 formaction=../jsp/infoWelcome.jsp/ /form formenctyppe属性 formenctyppe属性重新指定该表单域的编码方式。下面的示例中，表单的enctype 属性默认值是“application/x-www-form-urlencoded”，“二进制”按钮的编码行为重新定义为multipart/form-data form action=../jsp/infoenctype.jsp method=post p 姓名: input type=text name=txtname //p p 密码: input type=password name=txtpwd //p input type=submit value=字符编码 / input type=submit value=二进制