Rumah > hujung hadapan web > html tutorial > html<button>标签介绍与实例分析

html<button>标签介绍与实例分析

巴扎黑
Lepaskan: 2017-06-16 14:36:09
asal
1598 orang telah melayarinya

实例

以下代码标记了一个按钮:

<button type="button">Click Me!</button>
Salin selepas log masuk

浏览器支持

IE

Firefox

Chrome

Safari

Opera

所有主流浏览器都支持 标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体内容。例如,我们可以在按钮中包括一个图像和相关的文本,用它们在按钮中创建一个吸引人的标记图像。

唯一禁止使用的元素是图像映射,因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。

请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button",而其他浏览器中(包括 W3C 规范)的默认值是 "submit"。

HTML 4.01 与 HTML 5 之间的差异

HTML 5 中的新属性:autofocus, form, formaction, formenctype, formmethod, formnovalidate 以及 formtarget。

提示和注释

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

属性

new : HTML5 中的新属性。

<button onclick="tz()">跳转</button>
<script>
function tz(){
    window.location.href=&#39;目标网址&#39;;
}
</script>
Salin selepas log masuk

a是超链接type="button"写在a里显然是不对的
应该这样写:
html中的元素都可以用样式表来改变大小和背景

Atas ialah kandungan terperinci html<button>标签介绍与实例分析. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan