<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body>
<!-- button标签定义一个按钮 -->
<!-- autofocus 页面加载时按钮自动获得焦点 -->
<button autofocus>button1</button><br>
<!-- disabled 禁用按钮 -->
<button disabled>button2</button><br>
<!-- form 规定按钮属于一个或多个表单 -->
<button form="form_id">button3</button><br>
<!-- formaction 覆盖form表单的action，规定发送表单数据的URL -->
<button form="form_id" formaction="https://www.csdn.net">button4</button><br>
<!-- formenctype 覆盖form表单的enctype，规定发送表单的编码方式 -->
<!-- application/x-www-form-urlencoded 对所有字符编码 -->
<button form="form_id" formenctype="application/x-www-form-urlencoded">button5</button><br>
<!-- multipart/form-data 不对字符编码 -->
<button form="form_id" formenctype="multipart/form-data">button6</button><br>
<!-- text/plain 将空格转换为“+”，不对特殊字符编码 -->
<button form="form_id" formenctype="text/plain">button7</button><br>
<!-- formmethod 覆盖form表单的method -->
<!-- GET方法发送 -->
<button form="form_id" formmethod="GET">button8</button><br>
<!-- POST方法发送 -->
<button form="form_id" formmethod="POST">button9</button><br>
<!-- formnovalidate 覆盖form表单的novalidate，提交表单时不进行表单验证 -->
<button form="form_id" formnovalidate>button10</button><br>
<!-- formtarget 指定打开提交表单链接的框架 -->
<!-- _blank 新窗口 -->
<button form="form_id" formtarget="_blank">button11</button><br>
<!-- _self 同一框架 -->
<button form="form_id" formtarget="_self">button12</button><br>
<!-- _parent 父框架 -->
<button form="form_id" formtarget="_parent">button13</button><br>
<!-- _top 整个窗口 -->
<button form="form_id" formtarget="_top">button14</button><br>
<!-- name 按钮的名称 -->
<button name="button_name">button15</button><br>
<!-- type 指定按钮的类型 -->
<!-- submit 默认类型，提交表单 -->
<button form="form_id" type="submit">button16</button><br>
<!-- button 普通按钮 -->
<button form="form_id" type="button">button17</button><br>
<!-- reset 清空表单数据 -->
<button form="form_id" type="reset">button18</button><br>
<!-- value 指定按钮的初始值，作为提交内容时以“name=value”的形式提交 -->
<form action="https://www.baidu.com">
<button name="button_name" type="submit" value="button_value">button19</button>
</form><br>
<form action="https://www.baidu.com" method="get" id="form_id">
Name: <input type="text" name="name"><br>
Age: <input type="text" name="age"><br>
</form><br>
</body>
</html>
【HTML】button标签
猜你喜欢
转载自blog.csdn.net/Tiezhu_Wang/article/details/114894669
今日推荐
周排行