html 中 id class type name value 简要理解

来源:互联网 发布:摩天手无线鼠标 知乎 编辑:程序博客网 时间:2024/05/17 04:06

id:

id 属性规定 HTML 元素的唯一的 id。

id 在 HTML 文档中必须是唯一的。(区别于name)


class:

class 属性规定元素的类名(classname设置或返回元素的class属性)。

class 属性大多数时候用于指向样式表中的类(class)。不过,可以用javascript更改


type:

type属性是<input>的标签,而<input>有许多标签,

例如:

 属性/标签                          值                                                描述
acceptmime_type规定通过文件上传来提交的文件的类型。align

  • left
  • right
  • top
  • middle
  • bottom
不赞成使用。规定图像输入的对齐方式。alttext定义图像输入的替代文本。autocomplete
  • on
  • off
规定是否使用输入字段的自动完成功能。autofocusautofocus

规定输入字段在页面加载时是否获得焦点。

(不适用于 type="hidden")

checkedchecked规定此 input 元素首次加载时应当被选中。disableddisabled当 input 元素加载时禁用此元素。formformname规定输入字段所属的一个或多个表单。formactionURL

覆盖表单的 action 属性。

(适用于 type="submit" 和 type="image")

formenctype见注释

覆盖表单的 enctype 属性。

(适用于 type="submit" 和 type="image")

formmethod
  • get
  • post

覆盖表单的 method 属性。

(适用于 type="submit" 和 type="image")

formnovalidateformnovalidate

覆盖表单的 novalidate 属性。

如果使用该属性,则提交表单时不进行验证。

formtarget
  • _blank
  • _self
  • _parent
  • _top
  • framename

覆盖表单的 target 属性。

(适用于 type="submit" 和 type="image")

height
  • pixels
  • %
定义 input 字段的高度。(适用于 type="image")listdatalist-id引用包含输入字段的预定义选项的 datalist 。max
  • number
  • date

规定输入字段的最大值。

请与 "min" 属性配合使用,来创建合法值的范围。

maxlengthnumber规定输入字段中的字符的最大长度。min
  • number
  • date

规定输入字段的最小值。

请与 "max" 属性配合使用,来创建合法值的范围。

multiplemultiple如果使用该属性,则允许一个以上的值。namefield_name定义 input 元素的名称。patternregexp_pattern

规定输入字段的值的模式或格式。

例如 pattern="[0-9]" 表示输入值必须是 0 与 9 之间的数字。

placeholdertext规定帮助用户填写输入字段的提示。readonlyreadonly规定输入字段为只读。requiredrequired指示输入字段的值是必需的。sizenumber_of_char定义输入字段的宽度。srcURL定义以提交按钮形式显示的图像的 URL。stepnumber规定输入字的的合法数字间隔。type
  • button
  • checkbox
  • file
  • hidden
  • image
  • password
  • radio
  • reset
  • submit
  • text
规定 input 元素的类型。valuevalue规定 input 元素的值。width
  • pixels
  • %
定义 input 字段的宽度。(适用于 type="image")

type 属性规定 input 元素的类型。

而type属性有许多类型,

例如:

值描述button定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本)。checkbox定义复选框。file定义输入字段和 "浏览"按钮,供文件上传。hidden定义隐藏的输入字段。image定义图像形式的提交按钮。password定义密码字段。该字段中的字符被掩码。radio定义单选按钮。reset定义重置按钮。重置按钮会清除表单中的所有数据。submit定义提交按钮。提交按钮会把表单数据发送到服务器。text定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。


name:

name 属性规定 <input> 元素的名称。(区别于value,元素的值)

name 属性一般用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据


value:

则是<input>标签的属性,规定input元素的值,可用javascript修改。


<input type="button" name="aaaa" class="input1" value="bbbb"/>

仔细揣摩,便于理解。


原创粉丝点击