html按钮代码，html按钮怎么设置-励北网

定义与用法

<button> 标签定义一个按钮。
在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。
<button> 控件与 <input type=”button”> 相比，提供了更为强大的功能和更丰富的内容。
<button> 与 </button> 标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。
唯一禁止使用的元素是图像映射，因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。

提示：

Internet Explorer 的默认类型是 “button”，而其他浏览器中的默认值是 “submit”。
HTML 表单中创建按钮尽量使用input 标签，因为button标签不同的浏览器会提交不同的按钮值。

语法格式

<button type=””>……</button>

示例代码

<button type="button">Click Me!</button>

效果展示：

浏览器支持

Firefox

Chrome

Safari

Opera

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

标签属性

: HTML5新属性。

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

全局属性

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

事件属性

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

更多示例

如果您在表单中使用button，它可以用作提交按钮。您也可以将其用作重置按钮。如果在表单外部使用button，则可以调用JavaScript函数。

HTML按钮示例：调用JavaScript函数

<button name="button" type="button" onclick="hello()">点我</button>  
<script>  
    function hello(){  
    alert("你好！欢迎访问奔月教程网！");  
    }  </script>

效果展示：

点击下方“阅读原文”可亲试效果

HTML按钮示例：提交表单

<form>  
    输入姓名:<input type="text" name="name"/><br/>  
    <button>提交</button>  
</form>

效果展示：

点击下方“阅读原文”可亲试效果

HTML按钮示例：重置表单

<form>  
    输入姓名:<input type="text" name="name"/><br/>  
    <button type="reset">重置</button>  
</form>

效果展示：

本文地址：百科问答频道 https://www.neebe.cn/wenda/902987.html，易企推百科一个免费的知识分享平台，本站部分文章来网络分享，本着互联网分享的精神，如有涉及到您的权益，请联系我们删除，谢谢！

热门词语

首页>百科问答>

html按钮代码，html按钮怎么设置

定义与用法

语法格式

示例代码

浏览器支持

标签属性

全局属性

事件属性

更多示例

HTML按钮示例：调用JavaScript函数

效果展示：

HTML按钮示例：提交表单

效果展示：

HTML按钮示例：重置表单

效果展示：

HTML列表标签有哪些

html5教程，零基础html5自学教程

innertext和innerhtml的使用和区别

html表单怎么制作，html表单代码

shtml和html的区别是什么，shtml和html的差别

href是什么意思，HTML中src与href的区别

图片滚动代码怎么实现，html图片滚动代码

input属性是什么，HTML标签之HTML Input属性

频道精选

精彩推荐

词语百科

词语词性

最新词语

热门词语