1. 程式人生 > >普通按鈕+提交按鈕+重置按鈕

普通按鈕+提交按鈕+重置按鈕

按鈕
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>密&nbsp;&nbsp;&nbsp;碼:
        <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>