Bjb Code

|

大鱼

主题设置

卡片式面板通常用于非白色背景色的主体内

按钮标签

按钮用 <button> 标签表示，其结束标签为 </button> 。

按钮示例

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>笔记本代码(bjbcode.com)</title>
	</head>
	<body>
		<button>我是按钮</button>
	</body>
</html>

尝试一下

示例解析

<button> 标签里面的内容是默认水平垂直居中的。

图像按钮

在 <button> 标签内部，可以放置丰富的内容，比如文本、图像、多媒体等内容。

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>笔记本代码(bjbcode.com)</title>
	</head>
	<body>
		<button>
			龇牙<img src="../../../img/note/html/zy.gif" alt="龇牙" />
		</button>
	</body>
</html>

尝试一下

在浏览器中显示为：

有用的提示

<button> 标签内部可以放置文本、图像、多媒体等内容，而<input type="button"> 标签只能放置文本。
如果在 HTML 表单中使用 <button> 创建按钮，不同的浏览器会提交不同的按钮值，所以请使用 <input type="button"> 在 HTML 表单中创建按钮。