HTML5 表单标签.doc

精诚网络 地址：财富商城B1区1号3楼 联系：3213529TML5 表单标签1、 HTML 5 标签1、定义和用法 标签创建供用户输入的表单。 标签对用来表示创建一个表单，在标签对之间的表单控件都属于表单的内容，表单可以说是个容器。标签属性属性描述action定义一个 URL。当点击提交按钮时，向这个 URL 发送数据。data供自动插入数据。replace定义表单提交时所做的事情。accept处理该表单的服务器可正确处理的内容类型列表（用逗号分隔）。accept-charset表单数据的可能的字符集列表（逗号分隔）。默认值是 unknown。enctype用于对表单内容进行编码的 MIME 类型。method用于向 action URL 发送数据的 HTTP 方法。默认是 get。target在何处打开目标 URL。2、 标签常用属性详解在表单的标记中还可以设置表单的基本属性，包括表单的名称、处理程序、传送方法等。一般情况下，表单的处理程序action和传送方法method是必不可少的参数。 action属性 定义一个 URL。当点击提交按钮时，向这个 URL 发送数据。 真正处理表单的数据脚本或程序是在action属性里，这个属性值可以是程序或脚本的一个完整的URL。 说明：在该语法中，表单的处理程序定义的是表单要提交的地址，也就是表单中收集到的资料将要传递的程序地址。这一地址可以是绝对地址，也可以是相对地址，还可以是一些其他的地址形式，例如发送E-mail等。 method属性 用于向 action URL 发送数据的 HTTP 方法。method=get：使用这个设置时，来访者输入的数据会附加在URL之后，由用户端直接发送至服务器，所以速度上会比post快，但缺点是数据长度不能够太长。在没有指定method的情形下一般都会视get为默认值。 method=post：使用这种设置时，表单数据是与URL分开发送的，用户端的计算机会通知服务器来读取数据，所以通常没有数据长度上的限制，缺点是速度上也会比POST慢。enctype属性 对表单内容进行编码的 MIME 类型。 Text/plain 以纯文本的形式传送 application /x-www-form-urlencoded 默认的编码形式 multipart/form-data MIME编码，上传文件的表单必须选择该项target属性 目标显示方式。target属性用来指定目标窗口的打开方式。 _blank是指将返回的信息显示在新打开的窗口中； _parent是指将返回信息显示在父级的浏览器窗口中； _self则表示将返回信息显示在当前浏览器窗口； _top表示将返回信息显示在顶级浏览器窗口中。在HTML 5中取消了name属性！示例代码：欢迎您留言您的金玉良言：效果显示：二、HTML 5 标签1、定义和用法 fieldset 标签可将表单内的相关元素分组。 标签将表单内容的一部分打包，生成一组相关表单的字段。当一组表单元素放到 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果。属性值描述disabledtrue | false定义 fieldset 是否可见。formtrue | false定义该 fieldset 所属的一个或多个表单。示例代码：用户名与密码用户名:密码:三、HTML 5 标签定义和用法 标签为 、 以及 标签定义标题。四、HTML 5 标签定义和用法 标签定义控件的标注。如果您在 label 元素内点击文本，就会触发此控件。注释：for 属性可把 label 绑定到另外一个元素。请把 for 属性的值设置为相关元素的 id 属性的值。属性值描述forid_of_another_field定义 label 针对哪个表单元素。设置为表单元素的 id。注释：如果此属性未被规定，那么 label 会关联其内容。5、 HTML5 标签定义和用法 标签定义输入字段，用户可在其中输入数据。属性值描述acceptlist_of_mime_types一个逗号分隔的 MIME 类型列表，指示文件传输的 MIME 类型。注释：仅可与 type=file 配合使用。alttext定义图像的替代文本。注释：仅可与 type=image 配合使用。autocomplete autofocus true false当页面加载时，使输入字段获得焦点。注释：type=hidden 时，无法使用。checked true false指示此 input 元素首次加载时应当被选中。注释：请与 type=checkbox 及 type=radio 配合使用。disabled true false当 input 元素首次加载时禁用此元素，这样用户就无法在其中写文本，或选定它。注释：不能与 type=hidden 一同使用。form true false定义输入字段属于一个或多个表单。inputmodeinputmode定义预期的输入类型。listid of a datalist引用 datalist 元素。如果定义，则一个下拉列表可用于向输入字段插入值。maxnumber输入字段的最大值。maxlengthnumber定义文本域中所允许的字符最大数目。minnumber输入字段的最小值。namefield_name为 input 元素定义唯一的名称。pattern readonlyreadonly指示是否可修改该字段的值。replacetext定义当表单提交时如何处理该输入字段。required true false定义输入字段的值是否是必需的。当使用下列类型时无法使用：hidden, image, button, submit, resetsrcURL定义要显示的图像的 URL。仅用于 type=image 时。step templatetemplate定义一个或多个模板。type button checkbox date datetime datetime-local email file hidden image month number password radio range reset submit text time url week指示 input 元素的类型。默认值是 text注释：该属性不是必需的。但是我们认为应该使用它。Text属性 文字字段password：密码域radio：单选按钮checkbox：复选项button：普通按钮submit：提交按钮 提交按钮是一种特殊的按钮，不需要设置onclick参数，在单击该类按钮时可以实现表单内容的提交。reset：重置按钮 在页面中还有一种特殊的按钮，成为重置按钮。这类按钮可以用来清除用户在页面中输入的信息。image：图像域hidden：隐藏域file：文件域valuevalue对于按钮、重置按钮和确认按钮：定义按钮上的文本。对于图像按钮：定义传递向某个脚本的此域的符号结果。对于复选框和单选按钮：定义 input 元素被点击时的结果。对于隐藏域、密码域以及文本域：定义元素的默认值。注释：不能与 type=file 一同使用。注释：与 type=checkbox 和 type=radio 一同使用时，此元素是必需的。实例: 标签定义输入字段，用户可在其中输入数据。示例代码：用户名和密码用户名:密码:性别男女保密兴趣爱好计算机旅游购物上传照片个性照片上传提交显示效果：六、HTML 5 标签 定义和用法 标签 在 form 中使用 标签创建下拉列表，提供用户的选择。属性值描述autofocus true false在页面加载时使这个 select 字段获得焦点。dataurl供自动插入数据。disabled true false当该属性为 true 时，会禁用该菜单。form true false定义 select 字段所属的一个或多个表单。multiple true false当该属性为 true 时，规定可一次选定多个项目。nameunique_name定义下拉列表的唯一标识符。示例代码：您对本站的评价对本站的评价：还好，站长较认真一般般吧,还要努力有很多问题,不过还可以效果显示：七、HTML 5标签定义和用法 标签定义下拉列表中的一个选项。 在 HTML 5 中， 标签也用于新元素 中。 标签能够在不带任何属性的情况下使用，但是通常需要 value 属性，该属性定义了发送到服务器的数据。 注释：请与 或 标签结合使用。在其他地方， 标签是无意义的。属性值描述disableddisabled规定此选项应在首次加载时被禁用。labeltext定义当使用 时所使用的标注。selectedselected规定选项（在首次显示在列表中时）表现为选中状态。valuetext定义送往服务器的选项值。示例代码： 您喜欢本站的哪个栏目喜欢本站的栏目：PS CS5CSSJAVASCRIPTFlash CS5PHPHTML 5FW CS5DW CS5Ulead GIF效果显示：八、HTML 5 标签定义和用法 标签定义选项组。此元素允许您组合选项。当您使用一个长的选项列表时，对相关的选项进行组合会使处理更加容易。属性值描述labeltext_label定义选项组的标注。disableddisabled在其首次加载时，禁用该选项组。示例代码：您最喜欢的学科选择一个喜欢的学科中国哲学外国哲学逻辑学伦理学理论经济学应用经济学国民经济学文艺学语言学效果显示：九：HTML 5 标签定义和用法 定义一个文本区域 (text-area) （一个多行的文本输入区域）。用户可在此文本区域中写文本。在一个文本区中，您可输入无限数量的文本。文本区中的默认字体是等宽字体 (fixed pitch)。属性值描述autofocus true false在页面加载时，使这个 textarea 获得焦点。colsnumber规定文本区内可见的列数。disabled true false当此文本区首次加载时禁用此文本区。form true false定义该 textarea 所属的一个或多个表单。inputmodeinputmode定义该 textarea 所期望的输入类型。namename_of_textarea为此文本区规定的一个名称。readonly true false指示用户无法修改文本区内的内容。required true false定义为了提交该表单，该 textarea 的值是否是必需的。rowsnumber规定文本区内可见的行数。示例代码：欢迎您留言您的金玉良言：效果显示10、 HTML 5 标签定义和用法 标签定义按钮。您可以在 button 元素放置内容，比如文本或图像。这是该元素与通过 input 元素创建的按钮的不同之处。请始终为按钮规定 type 属性。不同的浏览器根据 type 属性使用不同的默认值。注释：如果在 HTML 表单中使用 button 元素，不同的浏览器会提交不同的按钮值。请使用 input 元素在 HTML 表单中创建按钮。属性值描述autofocusNewautofocus如果设置，则当页面加载后使按钮获得焦点。disableddisabled禁用按钮。formNewform_name规定按钮属于哪个表单。formactionNewurl规定当提交表单时向何处提交表单数据。覆盖表单的 action 属性。formenctypeNew见注释规定如何在表单数据发送到服务器之前如何进行编码。覆盖表单的 enctype 属性。formmethodNew delete get post put规定如何发送表单数据。覆盖表单的 method 属性。formnov