2016-02-09 67 views
0

我必須做出一些列表屬性。我在w3schools上找到了一個例子,它實際上顯示了與我想要的代碼完全相同的內容。我可以看到它在Safari和IE9中不支持。是否有任何腳本可以放入我的代碼中,所以我可以使用此代碼,或者如果必須支持所有瀏覽器都支持我的datalist,那麼我還需要使用哪些腳本?列表屬性html5

<input list="browsers"> 

<datalist id="browsers"> 
    <option value="Internet Explorer"> 
    <option value="Firefox"> 
    <option value="Chrome"> 
    <option value="Opera"> 
    <option value="Safari"> 
</datalist> 

回答

1

看來你不需要用戶輸入任何東西,所以爲什麼不使用簡單的select元素呢?

select元素由所有瀏覽器支持,它的使用非常相似。下面是一個例子:

<select> 
    <option value="ie">Internet Explorer</option> 
    <option value="firefox">Firefox</option> 
    <option value="chrome">Chrome</option> 
    <option value="opera">Opera</option> 
    <option value="safari">Safari</option> 
</select> 

如果您需要了解更多信息,你可以在這裏看到:http://www.w3schools.com/tags/tag_select.asp

如果你想知道選擇和數據列表之間的區別,你可以閱讀: HTML Form: Select-Option vs Datalist-Option

0

我改用了bootstrap框架。