网页中插入视频播放,音频播放,自动验证输入框格式

5 篇文章 0 订阅
3 篇文章 0 订阅
"这篇博客介绍了HTML5中的一些重要表单元素,如用于显示进度和范围,提供输入框的下拉选项,进行邮箱和网址的验证,以及
摘要由CSDN通过智能技术生成

    <body>
        <progress value="30" max="100" min="1" >进度条</progress>
        <br>
        <meter max="100" min="1" value="80" low="40" high="60"></meter>
        <!-- 类似于内存卡的储存进度,低于low是一种颜色,40到60是一种颜色,60以上是一种颜色,可修改 -->
        <br>
        <input type="text" name="" list="why">
        <!-- 输入框多选框 -->
        <datalist id="why">                
        <!-- 多选框选项,id=list -->
            
            <option value="abl">阿波罗IE</option>
            <option value="hws">兰博基尼黑武士</option>
            <option value="kdlk">凯迪拉克</option>
        </datalist>
        <p>
            邮箱:<input type="email" name="email" /><!-- 邮箱输入框,自动验证是否邮箱格式 -->
        </p>
        <p>
            url:<input type="url" name="url"><!-- 网页输入框,自动验证是否符合网页格式 -->
        </p>
        <p>
            纯数字:<input type="number" name="" step="3" max="100" min="11"><!-- number纯数字文本框,step每次上下浮动量,max输入最大值,min输入最小值 -->
        </p>
        <audio src="" controls="controls">音频播放</audio>
        <video src="" controls="controls" autoplay="autoplay" 
        muted="muted"
        poster="">视频播放</video>
        <!-- controls播放控件 -->
        <!-- autoplay自动播放,在静音下打开即播放 -->
        <!-- muted初始静音 -->
        <!-- poster视频封面 -->
        
    </body>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值