扩展阅读
  • java命名空间javax.swing.text.html类html.tag的类成员方法: html定义及介绍
  • 基于HTML5的幻灯片 html5slides
  • java命名空间javax.swing.text.html类html.tag的类成员方法: html.tag定义及介绍
  • 基于 KBEngine 的 HTML5 插件 kbengine_html5
  • java命名空间javax.swing.text.html类html.unknowntag的类成员方法: html.unknowntag定义及介绍
  • 让 IE 支持 HTML5 html5shim
  • java命名空间javax.swing.text.html类htmleditorkit.inserthtmltextaction的类成员方法: html定义及介绍
  • HTML文档格式化工具 HTML Tidy
  • java命名空间javax.swing.text.html类html的类成员方法: getallattributekeys定义及介绍
  • HTML5 在线工具 html5demos
  • java命名空间javax.swing.text.html.parser类dtd的类成员方法: html定义及介绍
  • 框架网页中如何使用sendredirect(a.html),使得a.html不显示在框架中,是整页显示!
  • java命名空间javax.swing.text.html类html.tag的类成员方法: comment定义及介绍
  • Sar数据转HTML Sar2html
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: color定义及介绍
  • 关于editplus的使用,编译完生成.class后,我又编写了html来执行applet,将其保存,如何经ie解释打开(直接在editplus上操作)不是显示html语言呀
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: vlink定义及介绍
  • 去除HTML标签删除HTML示例代码
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: rel定义及介绍
  • python实现html转ubb代码(html2ubb)
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: src定义及介绍
  • asp.net去除HTML标签删除HTML小例子
  •  
    当前位置:  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>


    • 本站(WWW.169IT.COM)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
      本站(WWW.169IT.COM)站内文章除注明原创外,均为转载,整理或搜集自网络.欢迎任何形式的转载,转载请注明出处.
      转载请注明:文章转载自:[169IT-IT技术资讯]
      本文标题:HTML 5 <button> 按钮标签详细介绍及用法举例
    相关文章推荐:


    站内导航:


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

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

    浙ICP备11055608号