html的表单控件

今天早上学习了html的表单控件，数字控件 number，学习了用两个控件的加减乘除，只要使用oninput就能使用公式。还有下拉菜单也学习了

<select name="optgroupt" id="">
<optgroup label="a">
<option value="">熊猫豆腐</option>
<option value="">麻婆豆腐</option>
</optgroup>
<optgroup label="b">
<option value="">百事可乐</option>
<option value="">可口可乐</option>
</optgroup>
</select>

使用这控件就可以查看那个选项属于那个分类。还有学习了fieldest，legend定义标题，可以使标题被边框左右包围。

<fieldset>
<legend>基本信息</legend>
<label for="">兴趣：</label><input type="text" />
<label for="">爱好：</label><input type="text" />
<label for="">兴趣：</label><input type="text" />
<label for="">爱好：</label><input type="text" />
<label for="">兴趣：</label><input type="text" />
<label for="">爱好：</label><input type="text" />
<meter min="0" max="100" value="50" />
</fieldest>