CSS表單菜單是網頁開發中常用的一種元素,它可以讓用戶方便地選擇選項或輸入數據。本文將介紹一些常用的CSS表單菜單樣式。
1. 下拉菜單
<select> <option value="option1">選項1</option> <option value="option2">選項2</option> <option value="option3">選項3</option> </select>
效果如下:
2. 單選按鈕
<label><input type="radio" name="radio" value="option1">選項1</label> <label><input type="radio" name="radio" value="option2">選項2</label> <label><input type="radio" name="radio" value="option3">選項3</label>
效果如下:
3. 復選框
<label><input type="checkbox" name="checkbox" value="option1">選項1</label> <label><input type="checkbox" name="checkbox" value="option2">選項2</label> <label><input type="checkbox" name="checkbox" value="option3">選項3</label>
效果如下:
4. 文本框
<input type="text" name="text">
效果如下:
5. 密碼框
<input type="password" name="password">
效果如下:
6. 文本域
<textarea name="textarea"></textarea>
效果如下:
以上就是常用的CSS表單菜單,如果需要修改樣式可以使用CSS對其進行美化,例如改變字體、顏色、背景等等。
下一篇css表單點擊特效