和CSS可能是網站設計的主要元素，但沒有適當的表格和表單，網站就不可能工作。HTML表單由一系列輸入字段組成，例如文本字段、單選按鈕、下拉列表等等。在這篇文章中，我們將學習如何編寫HTML代碼來創建常見的表單。 首先，我們將需要一個父級表單標簽來包含整個表單。在此標簽中，您可以指定表單的動作和提交方法。例如，若要將表單提交到名為“example.com”的頁面并使用POST方法，您可以使用以下代碼：

<form action="http://www.example.com" method="POST">

接下來，我們需要在表單中添加輸入字段。最常見的字段之一是文本字段，用于收集用戶輸入的文本。您可以使用以下代碼創建一個簡單的文本字段：

<form action="">
<p>Name: <input type="text" name="name"></p>
</form>

該代碼將創建一個文本框和標簽，標簽用于標識該字段應包含哪種類型的數據。在這種情況下，名稱應該是一個字符串。HTML也允許您通過添加更多屬性來定制文本字段，例如最大字符數、自動完成等。 接下來，讓我們看看如何創建單選按鈕。這些按鈕允許用戶從幾個選項中選擇一個。以下代碼將創建三個單選按鈕：

<form action="">
<p>Gender: 
<input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female"> Female
<input type="radio" name="gender" value="other"> Other
</p>
</form>

注意，每個單選按鈕都有相同的名稱但不同的值。這使得表單提交后易于識別用戶選擇的選項。 最后，我們將解釋如何使用下拉列表來收集用戶輸入。以下代碼將創建一個下拉列表：

<form action="">
<p>Favorite color: 
<select name="color">
<option value="red">Red</option>
<option value="green">Green</option>
<option value="blue">Blue</option>
</select>
</p>
</form>

下拉列表中的每個選項都由一個< option>標簽表示。該標簽應具有值屬性，以更方便地提交表單后的數據。在這個例子中，“紅色”將保存值“紅色”。由于下拉列表包含多個選項，其名稱和值相同，但在代碼中都只能指定一次。 總結起來，HTML表單是收集用戶輸入的重要方式。雖然其中一些輸入字段比其他輸入字段更常見，但HTML提供了許多其他類型的輸入字段和屬性，以增強表單的靈活性和可定制性。在開始創建表單之前，請先了解您的要求，以便您可以選擇正確的輸入字段和屬性。