button

171 阅读1分钟

button

<button> 元素表示一个可点击的按钮,可以用在表单或文档其它需要使用简单标准按钮的地方。 默认情况下,HTML 按钮的显示样式接近于浏览器所在的宿主系统平台(即用户操作系统)的按钮, 但你可以使用 CSS 来改变按钮的样貌。

常用属性

disabled

此布尔属性表示用户不能与当前按钮交互。如果没有设置 disabled 属性的包含元素,按钮将可交互。

注意:Firefox 默认在页面加载时持续禁用状态。使用只有 Firefox 允许的 autocomplete 属性可控制此特性。

form

表示 <button> 元素关联的 <form> 元素(它的表单拥有者)。此属性值必须为同一文档中的一个 <form> 元素的 id 属性。如果此属性未指定,<button> 元素必须是 <form> 元素的后代。利用此属性,你可以将 <button> 元素放置在文档内的任何位置,而不仅仅是作为他们 <form> 元素的后代。

name

按钮名称,与表单数据一起提交。

type

image.png

value

按钮初始值。它定义的值与表单数据的提交按钮相关联。当表单中的数据被提交时,这个值便以参数的形式被递送至服务器。

cursor

设置光标的类型,在鼠标指针悬停在元素上时显示相应样式。

cursor 的取值

url

url(…) 或者逗号分隔的 url(…), url(…), … 指向图片文件。用大于一个 url 值提供后备,以防某些指针图片类型不被支持。最后必须提供一个非 url 后备值。

x, y

可选 x,y 坐标。两个小于 32 的无单位非负数。

常用的关键字值

常规用法

image.png

image.png

image.png