169it -->


 
当前位置:  Web服务器/前端>html5

HTML 5 <button> 按钮标签详细介绍及用法举例

 
分享到:
    发布时间:2014-6-11  


    HTML 5 <button> 按钮标签定义和用法<button> 标签定义。您可以在 button 元素中放置内容,比如文档或图像。这是该元素与由 input 元素创建的按钮的不同之处。HTML 5 <button> 按钮标签 HTML 4.01 与 HTML 5 之间的差异在 HTML 5 中...

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, onscroll, 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="images/xxx.gif">
或者
<a href="javascript:document.form1.submit()" target="_self"><img src="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>


本类别最新文章推荐:


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2017,169IT.COM,E-mail:www_169it_com#163.com(请将#改为@)

浙ICP备11055608号


-->