CSS 表單代碼是一種使用 CSS 樣式來創建表單的工具，可以讓用戶在瀏覽器中創建具有樣式和布局的表單。本文將介紹如何使用 CSS 表單代碼來創建一個簡單的表單。
CSS 表單代碼可以使用 CSS 樣式來定義表單的外觀和布局，包括字體、顏色、邊框、背景等。通過 CSS 樣式，可以創建具有吸引力和易用的表單。
下面是一個使用 CSS 表單代碼創建一個簡單的表單的例子：
```html
<!DOCTYPE html>
<html>
<head>
<title>表單示例</title>
<style>
form {
width: 400px;
margin: 0 auto;
padding: 20px;
background-color: #f2f2f2;
input[type="text"], input[type="password"] {
width: 100%;
padding: 10px;
margin-bottom: 20px;
border-radius: 5px;
border: 1px solid #ccc;
input[type="submit"] {
background-color: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
</style>
</head>
<body>
<form>
<input type="text" placeholder="請輸入文本">
<input type="password" placeholder="請輸入密碼">
<input type="submit" value="提交">
</form>
</body>
</html>
在這個例子中，我們使用 CSS 樣式來定義表單的字體、顏色、邊框和背景。表單控件使用 `<input>` 標簽創建，并使用 CSS 樣式定義了它們的邊框、背景色和定位。我們還使用 `<input>` 標簽創建了一個提交按鈕，并使用 CSS 樣式定義了它的樣式和位置。當用戶點擊提交按鈕時，表單將提交到服務器進行處理。
CSS 表單代碼的優點是可以讓用戶在瀏覽器中創建具有樣式和布局的表單，易于維護和擴展。通過使用 CSS 樣式，可以創建具有吸引力和易用的表單，使用戶更容易創建復雜的表單。