• 按钮。该标签可以使用在
    表单中，也可以用在其他标签中，加入事件或者JS脚本。
  • 该标签优点就是自定义样式很方便。起始和结束标签之间可以有文字以及图片。

属性

  • name属性
  • value属性自定义数据name属性的值
  • type属性
    • 如果不写，并且在中，会默认增加submit值。也就是会被当做提交按钮。
    • submit：用在中，但是最好使用。
    • reset：重置控件的值。
    • button：单纯的用作一个按钮，没有特殊的功能，但可以自定义。当你的

UA样式表

  1. button {
  2.     display: inline-block;
  3.     letter-spacing: normal;
  4.     word-spacing: normal;
  6.     appearance: auto;
  7.     -webkit-writing-mode: horizontal-tb !important;
  8.     text-rendering: auto;
  9.     color: -internal-light-dark(black, white);    
  10.     text-transform: none;
  11.     text-indent: 0px;
  12.     text-shadow: none;    
  13.     text-align: center;
  14.     align-items: flex-start;
  15.     cursor: default;
  16.     background-color: -internal-light-dark(rgb(239, 239, 239), rgb(59, 59, 59));
  17.     box-sizing: border-box;
  18.     margin: 0em;
  19.     font: 400 13.3333px Arial;
  20.     padding: 1px 6px;
  21.     border-width: 2px;
  22.     border-style: outset;
  23.     border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
  24.     border-image: initial;
  25. }

例子

<form action="#top" method="GET">
    <label for="username">用户名：</label>
    <input  type="text" name='username'
       value="" id="username"  placeholder="邮箱/用户名/登录手机" required 
       autocomplete="email" tabindex="-1" />
    <button type='reset'>reset</button> 
    <button type='submit'>submit</button>    
</form>
<button type='botton'>botton</button>

输出结果
image.png