zoukankan      html  css  js  c++  java
  • 这篇随笔主要分享的是表单中新加入的H5标签

     
    主要是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>
  • 相关阅读:
    在eclipse中使用maven构建spring cloud微服务
    SpringBoot中VO,DTO,DO,PO的概念、区别和用处
    报错Connection refused: connect
    @RequestBody的使用
    Chrome插件Postman的数据目录存储位置,记一次重装系统后找回postman数据的过程...
    SpringBoot中VO,DTO,DO,PO的概念、区别和用处
    Oracle中的instr()函数 详解及应用
    for循环里的break,continue和return有什么差别
    BigDecimal转String
    字符串转为日期,日期转为字符串
  • 原文地址:https://www.cnblogs.com/tangstudy/p/5300246.html
Copyright © 2011-2022 走看看