本文介绍并演示了多种HTML元素的应用，包括input与datalist的配合使用、上标下标显示、进度条展示、optgroup选项分组及fieldset布局等。通过实际代码展示了如何利用这些元素改善用户体验。
input 和datalist配合使用
<input id="myCar" list="cars" />
<datalist id="cars">
<option value="BMW"></option>
<option value="Ford"></option>
<option value="Volvo"></option>
</datalist>
<br />
上标下标标签，sub，sup
这段文本包含<sub>下标</sub>这段文本包含<sup>上标</sup>
<br />
<progress><span id="objprogress">85</span>%</progress>
<br />
组合optgroup
<select>
<optgroup label="Swedish Cars">
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value ="mercedes">Mercedes</option>
<option value ="audi">Audi</option>
</optgroup>
</select>
<br />
<fieldset>
<legend>健康信息：</legend>
<form>
<label>身高：<input type="text" /></label>
<label>体重：<input type="text" /></label>
</form>
</fieldset>
扫一扫
2513
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
