1 / 11
文档名称:

HTML5 表单标签.doc

格式:doc   大小:141KB   页数:11页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

HTML5 表单标签.doc

上传人:cchanrgzhouh 2020/8/6 文件大小:141 KB

下载得到文件列表

HTML5 表单标签.doc

文档介绍

文档介绍:HTML5表单标签1、HTML5<form>标签1、定义和用法<form>标签创建供用户输入的表单。<form></form>标签对用来表示创建一个表单,在标签对之间的表单控件都属于表单的内容,表单可以说是个容器。<form>标签属性属性描述action定义一个URL。当点击提交按钮时,向这个URL发送数据。data供自动插入数据。replace定义表单提交时所做的事情。accept处理该表单的服务器可正确处理的内容类型列表(用逗号分隔)。accept-charset表单数据的可能的字符集列表(逗号分隔)。默认值是"unknown"。enctype用于对表单内容进行编码的MIME类型。method用于向actionURL发送数据的HTTP方法。默认是get。target在何处打开目标URL。2、<form>标签常用属性详解在表单的<form>标记中还可以设置表单的基本属性,包括表单的名称、处理程序、传送方法等。一般情况下,表单的处理程序action和传送方法method是必不可少的参数。action属性 定义一个URL。当点击提交按钮时,向这个URL发送数据。真正处理表单的数据脚本或程序是在action属性里,这个属性值可以是程序或脚本的一个完整的URL。说明:在该语法中,表单的处理程序定义的是表单要提交的地址,也就是表单中收集到的资料将要传递的程序地址。这一地址可以是绝对地址,也可以是相对地址,还可以是一些其他的地址形式,例如发送E-mail等。<formaction="mailto:"></form>method属性 用于向actionURL发送数据的HTTP方法。method=get:使用这个设置时,来访者输入的数据会附加在URL之后,由用户端直接发送至服务器,所以速度上会比post快,但缺点是数据长度不能够太长。在没有指定method的情形下一般都会视get为默认值。method=post:使用这种设置时,表单数据是与URL分开发送的,用户端的计算机会通知服务器来读取数据,所以通常没有数据长度上的限制,缺点是速度上也会比POST慢。enctype属性 对表单内容进行编码的MIME类型。Text/plain以纯文本的形式传送application/x-默认的编码形式multipart/form-dataMIME编码,上传文件的表单必须选择该项target属性目标显示方式。target属性用来指定目标窗口的打开方式。_blank是指将返回的信息显示在新打开的窗口中;_parent是指将返回信息显示在父级的浏览器窗口中;_self则表示将返回信息显示在当前浏览器窗口;_top表示将返回信息显示在顶级浏览器窗口中。在HTML5中取消了name属性!示例代码:<formid="form"action="#"method="post"><fieldset><legend>欢迎您留言</legend><labelfor="contactus">您的金玉良言:</label><br/><textareacols="68"rows="10"id="contactus"name="contactus"></textarea></fieldset><inputtype="submit"value="提交"id="submit"name="submit"/><inputtype="reset"value="重置"id="reset"name="reset"/></form>效果显示:二、HTML5<fieldset>标签1、定义和用法  fieldset标签可将表单内的相关元素分组。<fieldset>标签将表单内容的一部分打包,生成一组相关表单的字段。当一组表单元素放到<fieldset>标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D效果。属性值描述disabledtrue|false定义fieldset是否可见。formtrue|false定义该fieldset所属的一个或多个表单。示例代码:<formid="namepassword"method="post"action="#"><fieldset><legend>用户名与密码</legend><labelfor="username">用户名:</label><inputtype="text"id="username"name="username"/><br/><labelfor="pass">密码:</label><inputtype="password"id="pass"name="pass"/></fieldset></form>三、HTML5<legend>标签定义和用法  <legend>标签为<fieldset>、<figure>以及<details>标