web前端 18

h5表单
type=“color”  可选择颜色的按钮
type=“range”  可拖动的数字条
type=“file”   可选择文件
type=“email”  可写邮箱的文本框
type=“number” 可写数字，也可选择数字的框
type=“week”   可写 也可选择第几周
type=“data”   可写  也可选择年月日
type=“datatime-local”  可写  也可选择年月日几时几分
type=“reach”  有个清除按钮的文本框
type=“time”   可写  也可选择几时几分
type=“mouth”  可写  也可选择几月




type=“reset”  为重置按钮，在form标签外面时对form里面的控件无效




<select>
   <otgroup label="b">
          <option> bkjj</option>
          <option>bkll </option>
</otgroup label=d>
          <option>fdd </option>
          <option>hfgd </option>
   <otgroup>
</otgroup>
</select>
select为下拉列表，otgroup为列表里的分类。








<input type="text"list="year" />
<datalist id="year"><!--提示分类-->
<option value="asd"></option>
<option value="fgd"></option>
<option value="adghsd"></option>
<option value="fgshdd"></option>
<option value="asetwtd"></option>
<option value="fgfshsd"></option>


</datalist>








datalist也是分类，通过id连接text里的list属性实现隐藏分类












<form action="" method="post" oninput="result.value=(+sum1.value)+(+sum2.value)">
<!-- oninput:当输入框在进行输入值的时候触发的事件，这里的触发是两个值相加-->
<input type="number" name="sum1" value=""/>
+
<input type="number" name="sum2" id="" value="" />
=
<output for="sum1 sum2" name="result"></output>
<input type="submit" name="" id=""/>
</form> 








<fieldset id=""></fieldset>    fieldset是一个矩形的框包住里面的东西，这个框可以显示它的名称




<meter low="30" min="0"max="100"value="20"/>   进度条，min代表最小值，max代表最大值，value是显示值，low是规定最低值，它是个单标签