html5如何创建按钮button

╰半橙微兮° 2022-09-17 05:27 383阅读 0赞

# HTML 5 <button> 标签 #

## 定义和用法 ##

<button> 标签定义按钮。您可以在 button 元素中放置内容，比如文档或图像。这是该元素与由 input 元素创建的按钮的不同之处。

## HTML 4.01 与 HTML 5 之间的差异 ##

在 HTML 5 中有一个新属性：autofocus。

## 例子： ##

<button>TestBtn</button>

## 属性 ##

<table> 
 <tbody> 
  <tr> 
   <th>属性</th> 
   <th>值</th> 
   <th>描述</th> 
   <th>4</th> 
   <th>5</th> 
  </tr> 
  <tr> 
   <td>autofocus</td> 
   <td>true | false</td> 
   <td>在页面加载时，是否让按钮获得焦点。</td> 
   <td>&nbsp;</td> 
   <td>5</td> 
  </tr> 
  <tr> 
   <td>disabled</td> 
   <td>disabled</td> 
   <td>禁用按钮</td> 
   <td>4</td> 
   <td>5</td> 
  </tr> 
  <tr> 
   <td>name</td> 
   <td><em>button_name</em></td> 
   <td>为按钮规定为一的名称。</td> 
   <td>4</td> 
   <td>5</td> 
  </tr> 
  <tr> 
   <td>type</td> 
   <td> 
    <ul> 
     <li>button </li> 
     <li>reset </li> 
     <li>submit </li> 
    </ul> </td> 
   <td>定义按钮的类型。</td> 
   <td>4</td> 
   <td>5</td> 
  </tr> 
  <tr> 
   <td>value</td> 
   <td><em>some_value</em></td> 
   <td>为按钮规定初始值。该值可通过脚本改变。</td> 
   <td>4</td> 
   <td>5</td> 
  </tr> 
 </tbody> 
</table>

### 标准属性 ###

class, contenteditable, contextmenu, dir, draggable, id, irrelevant, 
    lang, ref, registrationmark, tabindex, template, title

如需完整的描述，请访 HTML 5 中标准属性。

### 事件属性 ###

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