20201114 千锤百炼软工人

今天还是学习的网课

1 多行文本
<textarea cols="30" rows="5">
</textarea>
2 复选框
<select>
<option selected="selected">xxx</option>
</select>
3 语义化表单
<fieldset>
<legend>标题</legend>
<! -- 其他相同 -->
</fieldset>
4 回车
<br/>
5 表单标注
<label for="xian"> 西安</label>
<input type="checkbox" id="xian"/>
6 提交文件
必须在form中添加 enctype="muultipart/form-data">
<input type="file" name="file1" />
7 文本框只读设置
readonly="readonly"
8 文本框最大输入长度
maxlength="X"
9 文本框长度设置
size="X"
10 视频播放
<video src="XXXXX/xxxxxx" controls></video>
<!-- 放多个视频只让他播放一个。为的是防止浏览器无法播放该格式的问题-->
<video controls(各种按钮暂停键播放键) autoplay(自动播放)>
<source src="XXXX/xxxx.webm" type="video/webm"(声明类型提高效率)/>
<source src="XXXX/xxxx.mp4"type="video/mp4"/>
<source src="XXXX/xxxx"/>
视频不支持(当上面所有视频不支持时的备选字段，以此提示用户)
</video>
11 音频
<audio>
</audio>
其他跟视频相同
12 布局标签
图片
13 邮箱
html5 自带正则校验的输入框
<input type="email" />
14 网址
同上
<input type="url"/>
15 数字
同上
<input type="number" min="0" max="100" step="10"/>
16 数字滑块
<input type="range" min="0" max="100" step="10"/>
17 搜索栏
<input type="search" placeholder="请输入商品名" />
18 必填项
required 在表单中使用用来校验非空
19 正则表达式
pattern （需要系统学习）