input列表是一種常用的用戶輸入列表，可以在網(wǎng)頁中方便地添加各種不同的用戶輸入控件，如文本框、單選框、復(fù)選框、下拉列表等。在 CSS 中，可以使用 input[type="list"] 標(biāo)簽來創(chuàng)建一個(gè) input 列表。

input[type="list"] 標(biāo)簽允許用戶在列表項(xiàng)之間切換，并且每個(gè)列表項(xiàng)都可以使用列表符號(hào)和下劃線進(jìn)行格式化。input[type="list"] 標(biāo)簽還支持列表項(xiàng)的默認(rèn)值和選項(xiàng)卡布局。

下面是一個(gè)使用 input[type="list"] 標(biāo)簽創(chuàng)建 input 列表的簡單示例：

```html

<input type="list" id="myList">

<ul id="myList-ul"></ul>

```css

#myList {

width: 200px;

margin: 20px auto;

padding: 20px;

border: 1px solid #ccc;

border-radius: 5px;

#myList-ul {

list-style-type: none;

margin: 0;

padding: 0;

#myList-ul li {

display: inline-block;

width: 100%;

height: 100%;

text-align: center;

margin-bottom: 20px;

border: 1px solid #ccc;

border-radius: 5px;

#myList-ul li:hover {

background-color: #ddd;

在上面的示例中，我們使用 HTML 創(chuàng)建了一個(gè) input 列表，并使用 CSS 對(duì)其進(jìn)行樣式設(shè)置。在 CSS 中，我們使用 ID 選擇器選擇 input[type="list"] 標(biāo)簽，并設(shè)置了其樣式，包括寬度、邊框、半徑和內(nèi)邊距等。我們還為列表項(xiàng)添加了文本對(duì)齊、邊框和下劃線等樣式。最后，我們使用 ID 選擇器選擇列表項(xiàng)，并設(shè)置了其hover 狀態(tài)的背景顏色。

使用 input[type="list"] 標(biāo)簽可以方便地創(chuàng)建各種類型的用戶輸入控件，并且可以方便地對(duì)其進(jìn)行樣式設(shè)置。這使網(wǎng)頁更加美觀和易于使用，同時(shí)也可以提高用戶體驗(yàn)。