2016-05-03 10 views

答えて

12

データリストは、テキスト入力要素で使用される単なる自動補完リストです。あなたが事前に設定した値にしたい場合は、単に入力の値を設定します。

<input list="cars" value="BMW" class="form-control" name="caBrands" style="width:300px;"> 
 
<datalist id="cars"> 
 
<option value="BMW"> 
 
<option value="Toyota"> 
 
<option value="Mitsubishi">

あなたは常にリストから値を選択する場合は、select要素を使用することができます。選択したように、これは一つの選択肢をマークすることができますが、それは、フリーフォームの入力を許可していません:

<select class="form-control" name="caBrands" style="width:300px;"> 
 
<option selected value="BMW">BMW</option> 
 
<option value="Toyota">Toyota</option> 
 
<option value="Mitsubishi">Mitsubishi</option> 
 
</select>

+0

あなたは日のためにこれらを検索していただきありがとうございます。私はデータリストがドロップダウンのようなものだと思ったので、私は "選択された"機能を続けます。ありがとう。 – user3797088

関連する問題