如何利用 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>

在上文展示的程式碼中，你可以看到以下兩個屬性

type
指示輸入控制元件的型別，對於文字輸入控制元件的設定，將被設為文字
name
用於給要傳送到伺服器的表單控制元件指定一個名稱，以供識別並獲取該值。

mkotla

更新於： 10-01-2020

17K+ 瀏覽量

職業生涯起航

完成課程並獲得認證

開始