HTML 5 <button> 按钮标签定义和用法
<button> 标签定义。您可以在 button 元素中放置内容,比如文档或图像。这是该元素与由 input 元素创建的按钮的不同之处。
HTML 5 <button> 按钮标签 HTML 4.01 与 HTML 5 之间的差异
在 HTML 5 中有一个新属性:autofocus。
HTML 5 <button> 按钮标签属性介绍
属性 值 描述
autofocus true | false 在页面加载时,是否让按钮获得焦点。
disabled disabled 禁用按钮
name button_name 为按钮规定为一的名称。
type button|reset|submit 定义按钮的类型。
value some_value 为按钮规定初始值。 该值可通过脚本改变。
HTML 5 <button> 按钮标签标准属性
class, contenteditable, contextmenu, dir, draggable, id, irrelevant,
lang, ref, registrationmark, tabindex, template, title
HTML 5 <button> 按钮标签事件属性
onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu,
ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover,
ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup,
onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout,
onmouseup, onmousewheel, onresize, autofocus
iis7站长之家, onselect, onsubmit, onunload
HTML 5 <button> 按钮标签例子:
<button>Click Me!</button>
HTML 5 <button> 按钮标签onclick举例:
<input name="hi" type="button" value="检查" onClick="clickHandler()">
function clickHandler(){
// do something
}
HTML5 <button> 按钮标签改变样式举例:
<input type="image" src="/article/images/xxx.gif">
或者
<a href="javascript:document.form1.submit()" target="_self"><img src="/article/images/xxx.gif"></a>
在HTML中插入Button按钮,且按钮要显示颜色举例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
function deleteDiv(ele){
ele.parentNode.parentNode.removeChild(ele.parentNode);
}
</script>
</head>
<body >
<div style="border:1px solid #ccc;"><input type="button" style="background:#00ff00" value="Button"></div>
</body>
</html>