首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

HTML input type=submit 提交的是整個 Form 表單數據

     編輯:程式設計綜合問答

核心結論

<input type="submit"> 提交的是**所屬 <form> 表單內所有具名輸入控件的數據**(<input>, <select>, <textarea> 等),而非單個文本框。

關鍵規則

  • submit 按鈕**必須放在 <form> ... </form> 內部**(或通過 form 屬性關聯表單 ID)。
  • 表單內**帶有 name 屬性**的控件才會被提交。
  • 提交方式由 form 的 method (GET/POST) 和 action (目標 URL) 決定。
  • 可用 formaction, formmethod, formenctype 覆蓋表單默認設置(HTML5)。

示例

<form action="/login" method="POST">
    <input type="text" name="username" placeholder="用戶名">
    <input type="password" name="password" placeholder="密碼">
    <input type="checkbox" name="remember" value="1"> 記住我
    <select name="role">
        <option value="user">普通用戶</option>
        <option value="admin">管理員</option>
    </select>
    <input type="submit" value="登錄">
</form>

點擊「登錄」提交:username=...&password=...&remember=1&role=user

補充:多個提交按鈕區分動作

<input type="submit" name="action" value="保存">
<input type="submit" name="action" value="發布">

後端通過 action=保存 或 action=發布 判斷用戶意圖。

總結

submit 不屬於某個輸入框,它屬於**整個表單**。理解「表單即數據邊界」是 Web 開發基礎。

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved