HTML 中的 <datalist> 元素用於提供預定義選項集,幫助使用者在輸入框中快速選擇值。其用法包含以下步驟:建立一個 <datalist> 元素,包含一個或多個 <option> 元素,每個 <option> 指定一個選項。在 <input> 元素中,使用 list 屬性指定關聯的 <datalist> 元素的 id。當使用者在<input> 元素中輸入時,<datalist> 元素會顯示與輸入內
HTML 中<datalist> ;
用法
datalist
元素用於提供預定義選項集,以便使用者在輸入框中方便快速地選擇值。以下詳細介紹其用法:
用法:
<datalist>
元素包含一個或多個<option>
元素,每個<option>
元素指定一個選項。
HTML 程式碼:##
<code class="html"><input list="browsers" placeholder="选择浏览器"> <datalist id="browsers"> <option value="Firefox"> <option value="Chrome"> <option value="Safari"> <option value="Edge"> </datalist></code>
屬性:
<datalist>
關聯。 list
屬性值必須與 <datalist>
元素的 id
屬性值相同。
每個
<option> 元素包含一個value
屬性,指定選項的值。當使用者在 <input>
元素中輸入時,<datalist>
元素將顯示與輸入內容相符的選項。
<input>
元素一起使用。
<option>
元素。
list
屬性才能與 <datalist>
元素關聯。
以上是html中datalist的用法的詳細內容。更多資訊請關注PHP中文網其他相關文章!