button元素(按钮)

<button>〜</button>

button元素用于表示按钮。但是,其担任的角色会根据type内容属性指定的关键词决定。

【5】=HTML5中新添加属性

属性

1、autofocus属性【5】

当页面下载完毕,鼠标自动指向设置位置。

2、disabled属性

控制无效

3、form属性【5】

指定想要建立联系的表单的id名。

4、formaction属性【5】

指定送信地址的URL。

5、formenctype属性【5】

指定送信的MIME类型。

6、formmethod属性【5】

指定送信时使用的HTTP方法。get方法与post方法

7、formnovalidate属性【5】

对输入数据的妥当性不做检查。

8、formtarget属性【5】

指定表单数据打开的位置。

9、name属性

指定控制的名字。

10、value属性

指定按钮的值。

11、type属性

指定按钮的类型。

【type属性的可选值:】

  • submit:提交表单
  • reset:更新表单
  • button:通用按钮

使用例

<form action="" method="post">

<p><label>主题:<input type="text" name="title"/></label></p>

<p><label>

详细内容:<br/>

<textarea name="content"></textarea>

</label></p>

<p>

<button type="submit" formaction="" formtarget="_blank">预览</button>

<button type="submit">提交</button>

</p>

</form>

浏览器上的显示结果↓



浏览器支持情况

元素
button yes yes yes yes yes

关联内容