表單標簽是HTML中最基本的元素之一，用于創建各種類型的表單。在CSS樣式中，可以通過設置表單標簽的屬性來改變表單的外觀和行為。本文將介紹如何使用CSS樣式創建不同類型的表單。

1. 普通表單

在普通表單中，表單標簽的樣式應該與表單元素的樣式一致。可以通過在表單標簽上添加類名或ID屬性來定義其樣式。例如，下面的代碼將創建一個普通表單：

```html

<form>

<label for="username">用戶名：</label>

<input type="text" id="username" name="username" required>

</form>

在CSS中，可以使用以下類名來設置表單標簽的樣式：

- form:normal

- form:initial

- form:basic

- form:quick

這些類名將定義不同的普通表單樣式。

2. 提交表單

在提交表單中，表單標簽的樣式應該與表單元素的樣式不同，以突出顯示表單的提交按鈕和其他表單元素。可以通過在表單標簽上添加類名或ID屬性來定義其樣式。例如，下面的代碼將創建一個提交表單：

```html

<form onsubmit="return validateForm()">

<label for="username">用戶名：</label>

<input type="text" id="username" name="username" required>

<input type="submit" value="提交">

</form>

在CSS中，可以使用以下類名來設置表單標簽的樣式：

- form:submit

- form:primary

- form:success

- form:information

這些類名將定義不同的提交表單樣式。

3. 錯誤表單

在錯誤表單中，表單標簽的樣式應該強調表單的錯誤信息，以突出顯示任何錯誤或警告。可以通過在表單標簽上添加類名或ID屬性來定義其樣式。例如，下面的代碼將創建一個錯誤表單：

```html

<form onsubmit="return validateForm()">

<label for="username">用戶名：</label>

<input type="text" id="username" name="username" required>

<input type="submit" value="提交">

<div>

<p>錯誤信息：用戶名必須為空</p>

</div>

</form>

在CSS中，可以使用以下類名來設置表單標簽的樣式：

- form:error

- form:information

這些類名將定義不同的錯誤表單樣式。

4. 密碼表單

在密碼表單中，表單標簽的樣式應該強調密碼輸入框，并使其看起來類似于其他表單元素。可以通過在表單標簽上添加類名或ID屬性來定義其樣式。例如，下面的代碼將創建一個密碼表單：

```html

<form>

<label for="password">密碼：</label>

<input type="password" id="password" name="password" required>

<input type="submit" value="提交">

</form>

在CSS中，可以使用以下類名來設置表單標簽的樣式：

- form:password

這些類名將定義密碼表單樣式。

通過使用CSS樣式，可以創建各種類型的表單，包括普通表單、提交表單、錯誤表單和密碼表單。通過定義表單標簽的樣式，可以輕松地改變表單的外觀和行為，使其更具可讀性和可維護性。