这篇随笔主要分享的是表单中新加入的H5标签

Posted 2020-06-26

 

主要是html中H5在表单中的新标签

 

<form action="">
邮件框，格式不正确无法提交<input type="email"><br>
网址框，网站不正确无法提交<input type="url"><br>
数字框，可设置最大最小值及跳值大小<input type="number" max="500" min="50" step="40"><br>
滑动条，滑动会产生value的值<input type="range"><br>
颜色选择<input type="color" value=""><br>
搜索写入框  但是框最右边的小图标只有chrome才能显示<input type="search" results="s"><br>
在文本域或者文本框及其他input内加入required属性，强制填写内容，不然表单提交不了。<input type="text" required><br>
在input属性加入autofocus=‘true‘,当跳转到该页面的时候聚焦在带有这个属性的input上<input type="text" autofocus="true">
    <hr>




以下H5暂时只支持chrome浏览器
    日期，年月日<input type="date"><br>
时间，自己选择<input type="time"><br>
年月<input type="month"><br>
XXX年第XX周<input type="week"><br>
提交按钮<input type="submit"><br>
</form>

 

补充：<br>
vedio标签的用法，src接地址，并且接上controls属性才能播放，loop代表是否循环播放，不然播放一样就停下了
<video src="冰河世纪.mp4" controls="controls" loop preload></video>
    <br>
audio标签的用法，src接地址，并且接上controls属性才能播放，loop代表是否循环播放，不然播放一样就停下了
<audio src="song.mp3" controls="controls"></audio>
</form>
<p>了解并牢记表单中传输数据方法有post和get，能说出他们之间的3种不同之处；</p>
<p>随手记，块级元素的宽高由块决定，内容大小长短对块本身没影响；相反行内元素的宽高只有内容决定。</p>

<p>用户名，在文本框内加入placeholder，值为最初显示的文字<input type="text" placeholder="用户名"></p>