普通按鈕+提交按鈕+重置按鈕
按鈕
type=“button” 普通按鈕;
type=“submit” 提交按鈕;
type=“reset” 重置按鈕;
name 給按鈕命名;
value 設定顯示在按鈕上的文字;
(1)普通按鈕
需要與事件關聯使用,用來響應onclick事件。
1
(2)reset按鈕
單擊該按鈕,不論表單是否已經填寫或輸入資料,表單中各個元素都會被重置到最初狀態,而填寫或輸入的資料將被清空。
1
(3)submit按鈕
表單將會提交到action屬性所指定的URL並傳遞表單資料。
1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>按鈕</title>
</head>
<body>
<form method="post" action="">
<p>使用者名稱:<input name="name" type="text"></p>
<p>密 碼:
<input name="pass" type="password"></p>
<p>
<input type="reset" name="butReset" value="reset按鈕">
<input type="submit" name="butSubmit" value="submit按鈕">
<input type="button" name="butButton" value="button按鈕">
</p>
</form>
</body>
</html>