零基础建站培训介绍

当前位置:

HTML <button> 标签

标签定义

<button>标签定义一个按钮。
在 button 元素内部,您可以放置内容,比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。
<button> 控件 与 <input type="button"> 相比,提供了更为强大的功能和更丰富的内容。<button> 与 </button> 标签之间的所有内容都是按钮的内容,其中包括任意可接受的正文内容,比如文本或多媒体内容。例如,我们可以在按钮中包括一个图像和相关的文本,用它们在按钮中创建一个吸引人的标记图像。
唯一禁止使用的元素是图像映射,因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。
请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button",而其他浏览器中(包括 W3C 规范)的默认值是 "submit"。

实例

以下代码标记一个按钮:

浏览器支持

所有主流浏览器都支持 <button> 标签。

提示和注释

注释:如果在 HTML 表单中使用 <button> 元素,不同的浏览器可能会提交不同的按钮值。请使用 <input> 在 HTML 表单中创建按钮。

HTML 4.01 与 HTML5之间的差异

HTML5 中的新属性:autofocus、form、formaction、formenctype、formmethod、formnovalidate 以及 formtarget。

属性

New :HTML5 中的新属性。

属性 描述
autofocusNew autofocus 规定当页面加载时按钮应当自动地获得焦点。
disabled disabled 规定应该禁用该按钮。
formNew form_id 规定按钮属于一个或多个表单。
formactionNew URL 规定当提交表单时向何处发送表单数据。覆盖 form 元素的 action 属性。该属性与 type="submit" 配合使用。
formenctypeNew application/x-www-form-urlencoded
multipart/form-data
text/plain
规定在向服务器发送表单数据之前如何对其进行编码。覆盖 form 元素的 enctype 属性。该属性与 type="submit" 配合使用。
formmethodNew get
post
规定用于发送表单数据的 HTTP 方法。覆盖 form 元素的 method 属性。该属性与 type="submit" 配合使用。
formnovalidateNew formnovalidate 如果使用该属性,则提交表单时不进行验证。覆盖 form 元素的 novalidate 属性。该属性与 type="submit" 配合使用。
formtargetNew _blank
_self
_parent
_top
framename
规定在何处打开 action URL。覆盖 form 元素的 target 属性。该属性与 type="submit" 配合使用。
name name 规定按钮的名称。
type button
reset
submit
规定按钮的类型。
value text 规定按钮的初始值。可由脚本进行修改。

全局属性

<button> 标签支持 HTML 全局属性。

事件属性

<button> 标签支持 HTML 事件属性。

上一课: 下一课:

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • html文件如何打开 (4812 次浏览)
    一、记事本打开HTML打开HTML有很多工具,如果没有安装任何网页编辑开发软件,大家可以使用系统自带的记事本打开HTML文件。选中HTML文件后右键,弹出
  • 我们知道这HTML网页中插入多个空格间隔是需要特殊字符编码的。如果是直接敲入多个空格键,虽然看似代码中有了多个空格效果,但在浏览器中还是只有1个
  • HTML不是一种编程语言,而是一种标记语言(markuplanguage),是网页制作所必备的,其中“超文本”是指页面内可以包含图片、链接,甚至音乐、程序等非文字
  • 要使得每行的文字一定的间距距离所以可以通过line-height样式实现。接下来通过DIV CSS实例实现字体文字上下间距。为了观察到行距设置效果,新建两个d
  • html网页乱码怎么解决 (4783 次浏览)
    html网页乱码原因分析1、比如网页源代码是gbk的编码,而内容中的中文字是utf-8编码的,这样浏览器打开即会出现html乱码。反之网页是编码utf-8,内容
  • CSS怎么控制DIV水平居中?如何让DIV盒子水平居中呢?一、div居中实现介绍在布局一张网页时,通常网页主体框架是居中于浏览器中的。实现最外层DIV水
  • 一、什么是CSS border边框属性CSS 边框即CSS border是控制对象的边框边线宽度、颜色、虚线、实线等样式CSS属性。二、Html原始边框与DIV+CSS边框对照
  • html怎么控制文字大小 (4670 次浏览)
    html怎么控制文字大小可能通过Font-size属性来控制。1、css字体大小单词:Font-size2、语法结构div{font-size:20px}设置div内文字
  • 设置div边框border样式,使用border即可让div或span或h1、p等对象实现需要边框样式。我们给一个div类css 命名为“divcss5”,盒子加一个1px红色边框,
  • html超链接a标签运用,默许情况下有的阅读器表示下划线花式,有的不有浮现下划线。如何完成兼容各大浏览器默许状况下超链接透露表现下划线格式呢?超