HTML的多項選擇功能是指讓用戶在多個選項中選擇一個或多個的功能。在使用HTML的多項選擇功能時,我們需要使用“select”(下拉列表)和“option”(選項)標簽。
<select> <option value="1">選項1</option> <option value="2">選項2</option> <option value="3">選項3</option> </select>
在上述代碼中,我們使用“select”標簽創建了一個下拉列表,并在其中使用“option”標簽定義了三個選項,分別是選項1、選項2和選項3。其中,每一個“option”標簽都需要有一個“value”屬性,用來表示選項的值。
如果我們想要讓用戶能夠選擇多個選項,可以使用“multiple”屬性。
<select multiple> <option value="1">選項1</option> <option value="2">選項2</option> <option value="3">選項3</option> </select>
在上述代碼中,我們添加了“multiple”屬性,它的作用是讓下拉列表變成一個多選框。用戶可以通過按住“Ctrl”鍵來進行多項選擇。
為了方便用戶的選擇,我們還可以在下拉列表中添加分組。“optgroup”標簽用來定義分組,其內部使用“option”標簽定義選項。
<select> <optgroup label="分組1"> <option value="1">選項1</option> <option value="2">選項2</option> </optgroup> <optgroup label="分組2"> <option value="3">選項3</option> <option value="4">選項4</option> </optgroup> </select>
在上述代碼中,我們使用“optgroup”標簽定義了兩個分組,分別是分組1和分組2。每一個分組都包含了兩個選項。
上一篇html的定位代碼