`
qq26853659
  • 浏览: 14603 次
社区版块
存档分类
最新评论

HTML 表单

    博客分类:
  • HTML
 
阅读更多
<form> 定义表单。 4 5
form> 标签标签用于创建供用户输入的 HTML 表单。
form 元素包含一个或多个表单元素,比如:
button
input
keygen
object
output
select
textarea
属性               值           描述
accept-charset charset_list  规定服务器可处理的表单数据字符集。
action             URL       规定当提交表单时向何处发送表单数据。
autocomplete       on        规定是否启用表单的自动完成功能。
                   off
enctype          见说明      规定在发送表单数据之前如何对其进行编码。
method             get       规定用于发送 form-data 的 HTTP 方法。
                   post
name            form_name    规定表单的名称。
novalidate      novalidate   如果使用该属性,则提交表单时不进行验证。
target          _blank       规定在何处打开 action URL
                _self
                _parent
                _top
                framename
<button> 定义按钮。 4 5
<button> 标签定义按钮。
您可以在 button 元素内放置内容,比如文本或图像。这是该元素与通过 input 元素创建的按钮的不同之处。
请始终为按钮规定 type 属性。不同的浏览器根据 type 属性使用不同的默认值。
属性               值              描述
autofocus      autofocus    规定当页面加载时按钮应当自动地获得焦点。
disabled       disabled     规定应该禁用该按钮。
form           form_name    规定按钮属于一个或多个表单。
formaction     url          覆盖 form 元素的 enctype 属性。注释:该属性与 type="submit" 配合使用。
formenctype    见注释       覆盖 form 元素的 action 属性。 注释:该属性与 type="submit" 配合使用。
formmethod      get      
                post          覆盖 form 元素的 method 属性。
注释:该属性与 type="submit" 配合使用
formnovalidate formnovalidate  覆盖 form 元素的 novalidate 属性。注释:该属性与 type="submit" 配合使用。
formtarget     _blank         覆盖 form 元素的 target 属性。注释:该属性与 type="submit" 配合使用。
                _self
                _parent
                _top
                framename
name           button_name     规定按钮的名称。
type button    reset           规定按钮的类型。
               submit
value           text           规定按钮的初始值。可由脚本进行修改。
<object> 定义嵌入对象。 4 5
定义一个嵌入的对象。请使用此元素向您的 XHTML 页面添加多媒体。此元素运行您规定插入 HTML 文档中的对象的数据和参数,以及可用来显示和操作数据的代码。
1:object 元素可位于在 head 元素或 body 元素内部。<object> 与 </object> 之间的文本是替换文本,针对不支持此标签的浏览器。<param> 标签可定义用于对象的 run-time 设置。
2:至于图像,请使用 <img> 标签代替 <object> 标签。
3:至少必须定义 "data" 和 "type" 属性之一。
属性      值        描述
data      URL      规定对象使用的资源的 URL。
form     form_id   规定对象所属的一个或多个表单。
height    pixels   规定对象的高度。
name      name     为对象定义名称。
type    MIME_type  定义 data 属性中规定的数据的 MIME 类型。
usemap  #mapname   规定与对象一同使用的客户端图像映射的名称。
width     pixels   规定对象的宽度。
<param> 为对象定义参数。 4 5
param 元素允许您为插入 XHTML 文档的对象规定 run-time 设置,也就是说,此标签可为包含它的 <object> 标签提供参数。
属性      值       描述
name   unique_name  定义参数的唯一的名称(唯一标识符)。
type   MIME type    规定参数的 MIME 类型(internet media type)。不支持。 4  
value   value       规定参数的值。 4 5
valuetype data      规定值的 MIME 类型。不支持。 4
          ref
         object
<fieldset> 定义 fieldset。 4 5
<fieldset> 标签用于从逻辑上将表单中的元素组合起来。
<fieldset> 标签会在相关表单元素周围绘制边框。
<legend> 标签为 fieldset 元素定义标题。
属性           值       描述
disabled    disabled  规定应该禁用 fieldset。
form        form_id   规定 fieldset 所属的一个或多个表单。
name         value    规定 fieldset 的名称。
<legend> 定义 fieldset 中的标题。 4 5
legend 元素为以下元素定义标题(caption):<fieldset>、<figure>、<details>。
<select> 定义可选列表。 4 5
<select> 标签创建下拉列表。
属性             值              描述 4 5
autofocus       true          在页面加载时使这个 select 字段获得焦点。   5
                false
data            url          供自动插入数据。   5
disabled        true          当该属性为 true 时,会禁用该菜单。 4 5
                false
form            true          定义 select 字段所属的一个或多个表单。   5
                false
multiple        true          当该属性为 true 时,规定可一次选定多个项目。 4 5
                false
name          unique_name     定义下拉列表的唯一标识符。 4 5
size            number        定义菜单中可见项目的数目。不支持。 4  
<optgroup> 定义选项组。 4 5
<optgroup> 标签定义选项组。此元素允许您组合选项。当您使用一个长的选项列表时,对相关的选项进行组合会使处理更加容易。
属性         值        描述 4 5
label     text_label  定义选项组的标注。 4 5
disabled  disabled    在其首次加载时,禁用该选项组。 4 5
<option> 定义下拉列表中的选项。 4 5
<option> 标签定义下拉列表中的一个选项。
1:<option> 标签能够在不带任何属性的情况下使用,但是通常需要 value 属性,该属性定义了发送到服务器的数据。
2:请与 <select> 或 <datalist> 标签结合使用。在其他地方,<option> 标签是无意义的。
属性         值         描述 4 5
disabled disabled   规定此选项应在首次加载时被禁用。 4 5
label    text       定义当使用 <optgroup> 时所使用的标注。 4 5
selected selected   规定选项(在首次显示在列表中时)表现为选中状态。 4 5
value    text       定义送往服务器的选项值。 4 5
<label> 定义表单控件的标注。 4 5
label> 标签为 input 元素定义标签(label)。
label 元素不会向用户呈现任何特殊的样式。不过,它为鼠标用户改善了可用性,因为如果用户点击 label 元素内的文本,则会切换到控件本身。
<label> 标签的 for 属性应该等于相关元素的 id 元素,以便将它们捆绑起来。
属性     值      描述
for      id     规定 label 绑定到哪个表单元素。
form    formid  规定 label 字段所属的一个或多个表单。
<textarea> 定义多行文本输入。 4 5
定义一个文本区域 (text-area) (一个多行的文本输入区域)。用户可在此文本区域中写文本。在一个文本区中,您可输入无限数量的文本。文本区中的默认字体是等宽字体 (fixed pitch)。
属性          值          描述 4 5
autofocus    true        在页面加载时,使这个 textarea 获得焦点。   5
             false 
cols         number      规定文本区内可见的列数。 4 5
disabled     true        当此文本区首次加载时禁用此文本区。 4 5
             false
form         true        定义该 textarea 所属的一个或多个表单。   5
             false
inputmode  inputmode     定义该 textarea 所期望的输入类型。   5
name    name_of_textarea 为此文本区规定的一个名称。 4 5
readonly     true        指示用户无法修改文本区内的内容。 4 5
             false
required     true        定义为了提交该表单,该 textarea 的值是否是必需的。   5
             false
rows         number      规定文本区内可见的行数。 4 5
<menu> 定义菜单列表。 4 5
<menu> 标签定义菜单列表。当希望列出表单控件时使用该标签。
属性          值           描述 4 5
autosubmit   true        如果为 true,那么当表单控件改变时会自动提交。   5
             false
compact compact_rendering  不支持。请使用 CSS 代替。 4  
label      menulabel     为菜单定义一个可见的标注。   5
type        context      定义显示那种类型的菜单。默认值是 "list"。   5
            toolbar
              list
<input> 定义输入域。 4 5
<input> 标签规定用户可输入数据的输入字段。
根据不同的 type 属性,输入字段有多种形态。输入字段可以是文本字段、复选框、密码字段、单选按钮、按钮等等。
注释:input 元素是空的,它只包含属性。
提示:请使用 label 元素为表单控件定义标签(label)。
属性                值              描述
accept       list_of_mime_types   规定可通过文件上传控件提交的文件类型。(仅适用于 type="file")
alt                text           规定图像输入控件的替代文本。(仅适用于 type="image")
autocomplete        on            规定其否使用输入字段的自动完成功能。  
                    off
autofocus       autofocus         规定输入字段在页面加载时是否获得焦点。(不适用于 type="hidden")
checked          checked          规定当页面加载时是否预先选择该 input 元素。(适用于 type="checkbox" 或 type="radio")
disabled         disabled         规定当页面加载时是否禁用该 input 元素。(不适用于 type="hidden")
form             formname         规定输入字段所属的一个或多个表单。    
formaction          URL           覆盖表单的 action 属性。(适用于 type="submit" 和 type="image")
formenctype        见注释         覆盖表单的 enctype 属性。(适用于 type="submit" 和 type="image")
formmethod          get
                    post          覆盖表单的 method 属性。(适用于 type="submit" 和 type="image")
formnovalidate formnovalidate     覆盖表单的 novalidate 属性。如果使用该属性,则提交表单时不进行验证。
formtarget         _blank         覆盖表单的 target 属性。(适用于 type="submit" 和 type="image")
                   _self
                   _parent
                   _top
                  framename
height             pixels %      定义 input 字段的高度。(适用于 type="image") 
list             datalist-id     引用包含输入字段的预定义选项的 datalist 。
max                number        规定输入字段的最大值。请与 "min" 属性配合使用,来创建合法值的范围。
                    date
maxlength          number        规定文本字段中允许的最大字符数。
min                number        规定输入字段的最小值。请与 "max" 属性配合使用,来创建合法值的范围。
                    date
multiple          multiple       如果使用该属性,则允许一个以上的值。
name            field_name       规定 input 元素的名称。name 属性用于在提交表单时搜集字段的值。
pattern        regexp_pattern    规定输入字段的值的模式或格式。例如 pattern="[0-9]" 表示输入值必须是 0 与 9 之间的数字。
placeholder         text         规定帮助用户填写输入字段的提示。 
readonly          readonly       指示字段的值无法修改。
required          required       指示输入字段的值是必需的。 
size          number_of_char     规定输入字段中的可见字符数。
src                 URL          规定图像的 URL。(适用于 type="image") 
step              number         规定输入字的的合法数字间隔。
type                              规定 input 元素的类型。
                  button         定义可点击的按钮(大多与 JavaScript 使用来启动脚本)
                checkbox         定义复选框。
                  file           定义输入字段和 "浏览..." 按钮,供文件上传
                  hidden         定义隐藏输入字段
                  image          定义图像作为提交按钮
                  password       定义密码字段。字段中的字符会被遮蔽。
                  radio          定义单选按钮。
                  reset          定义重置按钮。重置按钮会将所有表单字段重置为初始值。
                  submit         定义提交按钮。提交按钮向服务器发送数据。
                  text           默认。定义单行输入字段,用户可在其中输入文本。默认是 20 个字符                   
                  date           定义日期字段(带有 calendar 控件)
                datetime         定义日期字段(带有 calendar 和 time 控件)
               datetime-local    定义日期字段(带有 calendar 和 time 控件)
                  email          定义用于 e-mail 地址的文本字段
                  month          定义日期字段的月(带有 calendar 控件)
                  number         定义带有 spinner 控件的数字字段
                  range          定义带有 slider 控件的数字字段。                  。
                  time           定义日期字段的时、分、秒(带有 time 控件)
                  url            定义用于 URL 的文本字段。
                  week           定义日期字段的周(带有 calendar 控件)           
                  tel            定义用于电话号码的文本字段。
                 color           定义拾色器。
value             value          对于按钮:规定按钮上的文本
                                 对于图像按钮:传递到脚本的字段的符号结果
                                 对于复选框和单选按钮:定义 input 元素被点击时的结果。
                                 对于隐藏、密码和文本字段:规定元素的默认值。
                                 1:不能与 type="file" 一同使用。
                                 2:对于 type="checkbox" 以及 type="radio",是必需的。
width          pixels %          定义 input 字段的宽度。(适用于 type="image")
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics