如何使用 HTML 表單獲取使用者輸入？

使用 HTML 表單，你可以輕鬆獲取使用者輸入。透過新增表單元素，<form> 標記用於獲取使用者輸入。不同型別的表單元素包括文字輸入、單選按鈕輸入、提交按鈕等。

讓我們瞭解 <input> 標記，它可以幫助你使用 type 屬性獲取使用者輸入。該屬性與諸如文字輸入、複選框、單選按鈕等表單元素一起使用。

示例

你可以嘗試執行以下程式碼來使用 HTML 表單獲取使用者輸入。

線上示例

<!DOCTYPE html>
<html>
   <body>
      <head>
         <title>HTML Forms</title>
      </head>
      <p>Add your details:</p>
      <form>
         Student Name:<br> <input type="text" name="name">
         <br>
         Student Subject:<br> <input type="text" name="subject">
         <br>
         Rank:<br> <input type="text" name="rank">
      </form>
   </body>
</html>

上面你可以看到以下兩個屬性

  • 型別
    指示輸入控制元件的型別，對於文字輸入控制元件它將被設定為文字
  • 名稱
    用於為控制元件命名，該控制元件被髮送到伺服器進行識別並獲取值。

更新於：2020-01-10

17k+ 瀏覽

開啟您的 事業

完成課程獲得認證

開始
廣告