前端学习日记（三）：html音频、视频、文本框、单选按钮、复选框、图片上传、隐藏控件、图片按钮、普通按钮、提交按钮、重置按钮的简单应用

最新推荐文章于 2023-12-29 16:55:02 发布

孤月儿

最新推荐文章于 2023-12-29 16:55:02 发布

阅读量281

点赞数

分类专栏： html5 VS code 表单文章标签： html5 前端

本文链接：https://blog.csdn.net/m0_46364332/article/details/104520096

版权

这篇前端学习日记详细介绍了HTML5中的音频、视频标签的使用，包括各种属性如controls、autoplay、loop等。此外，还讲解了文本框、单选按钮、复选框、图片上传、隐藏控件、图片按钮、普通按钮、提交按钮和重置按钮的用法，通过实例展示了如何创建登录界面、性别选择和兴趣爱好选择等。

摘要由CSDN通过智能技术生成

一、音频
（1）应用格式：
<audio src=“音频地址” controls autoplay loop></audio>
（2）属性：

controls属代表控制条，布尔属性
loop属性代表是否循环播放，布尔属性
moted属性代表是否静音播放，布尔属性
autoplay属性代表是否自动播放，布尔属性

二、视频
（1）应用格式：
<video src=“视频地址” controls autoplay loop></video>
（2）属性：

controls属代表控制条，布尔属性
loop属性代表是否循环播放，布尔属性
moted属性代表是否静音播放，布尔属性
autoplay属性代表是否自动播放，布尔属性

三、表单-1
1.登录界面应用格式：(type=“text” 、type=“password”)

<body>
    <h3>登录表单</h3>
    <form action="#" method="GET">
        用户名：<input type="text" name="username" placeholder="手机号/邮箱/名称"><br>
        密码：<input type="password" name="password" placeholder="请输入密码"><br>
        <input type="submit" value="登录">
    </form>
</body>

浏览器中效果：
在这里插入图片描述
输入用户名密码，地址栏中效果：
这个时候的效果鼠标只有在文本框中点击时，用户才能输入信息，如果要实现用户

最低0.47元/天解锁文章

孤月儿

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端学习日记（三）：html音频、视频、文本框、单选按钮、复选框、图片上传、隐藏控件、图片按钮、普通按钮、提交按钮、重置按钮的简单应用

VS code 音频、视频、文本框、单选按钮、复选框、图片上传、隐藏控件、图片按钮、普通按钮、提交按钮、重置按钮的应用
复制链接

扫一扫

专栏目录