2017-06-07 18 views
1

私はgoogleですが、運はありません。 結果に画像を追加するには?HTML 5 datalist with image

<form action="/action_page.php" method="get"> 
    <input list="browsers" name="browser"> 
    <datalist id="browsers"> 
    <option value="Internet Explorer"> 
    <option value="Firefox"> 
    <option value="Chrome"> 
    <option value="Opera"> 
    <option value="Safari"> 
    </datalist> 
    <input type="submit"> 
</form> 

enter image description here

答えて

1

あなたがすることはできません。 per the specificationsとして

データリスト要素は、フレーズコンテンツまたはゼロ以上要素のいずれかを可能にします。

datalist要素は、2つの方法で使用できます。最も単純なケースでは、datalist要素にはオプション要素の子しかありません。

より精巧なケースでは、データリスト要素には、データリストをサポートしない下位レベルのクライアントに表示されるコンテンツを指定できます。この場合、option要素はdatalist要素内のselect要素の内部にあります。

あなたが提供できるフレーズコンテンツは、ブラウザがdatalist要素をサポートしていない場合のバックアップとして存在します。