05 输入

输入

1.输入框(单行)

<input placeholder="请输入用户名">

2.滑动条

<input type="range">

3.数字输入框

<input type="number" min="1" max="10">

4.日期输入框

<input type="date" min="2018-02-10">

5.输入框(多行)

<textarea>默认文本</textarea>

6.按钮

6.1 checkbox

<p>
<label><input type="checkbox" />苹果</label>
<label><input type="checkbox" />梨子</label>
</p>

6.2 radio

​ 同name为一组。

<p>
<label><input type="radio" name="sport"/>篮球</label>
<label><input type="radio" name="sport"/>足球</label>
</p>

6.3 下拉框(select)

<p>
<select>
<option>钢琴</option>
<option>吉他</option>
<option>古筝</option>
</select>
</p>

6.4 带提示的输入框

<input list="countries" />
<datalist id="countries">
<option>Greece</option>
<option>UK</option>
<option>US</option>
</datalist>