2-web前端 音频、视频、表格、表单

合集 - web前端(29)

1.1-web前端 基础标签 、图片、超链接2023-09-19

2.2-web前端 音频、视频、表格、表单2023-09-19

3.3-web前端 css 网页样式语言，基础语言、盒子模型、浮动2023-09-194.5-web前端 定位position2023-09-195.6-web前端的特效 平面转换transfrom2023-09-196.7-web前端 空间转换，3D效果2023-09-197.8-web前端 动画 案例2023-09-198.9-web前端 flex弹性布局2023-09-199.10-JavaScript 点击事件 随机点名器2023-09-2010.11-JavaScript 逻辑条件 ，if判断 ，while循环，算数运算相关的案例演示2023-09-2311.12-web前端轮播图案例 （小米商城）2023-09-2712.css字体样式2023-10-0813.css样式对单行和多行文本的隐藏2023-10-1014.css伪类和伪元素2023-10-1215.web前端html+css页面内容的六种隐藏方式2023-10-1616.JavaScript的基础语法和数据类型2023-10-2617.JavaScript 数组Array存储方式及对象Object2023-10-2718.JavaScript数据类型的转换2023-10-3019.JavaScript运算符及优先级2023-10-3120.JavaScript条件判断if 语句2023-11-0121.JavaScript for循环控制语句2023-11-0222.JavaScript 其他循环语句和跳转语句2023-11-0323.JavaScript 函数、函数构造、函数调用、参数、函数返回值、变量的作用域、预解析2023-11-0424.JavaScript函数变量的生命周期，自执行函数、闭包、反转数组案例及冒泡排序案例2023-11-0425.JavaScript Array对象（属性、方法） 留言板案例2023-11-0426.JavaScript string对象（属性，方法）获取图片后缀案例 输入和输出结果转换形式案例2023-11-0727.JavaScript Date对象 、日期求差案例 、 购物秒杀倒计时、日历2023-11-1328.JavaScript事件 2023-11-1829.JavaScript BOM对象2023-11-18

收起

1.音频

2.视频

 

视频，音频通用标签：

<object src="视频/音频" ></object>

<embed src="音频/视频" ></embed>

 

3.有序无序列表

有序列表：ol>li ol内必须是li,li内没限制

无序列表：ul>li ul内必须是li,li内没限制

4.表格

 

th---字体加粗并居中

示例：

 

案例：个人简历

 

5.表单

 

针对表单整理的相关问题：

<!-- action:行动 提交的地址 服务器地址 后台地址 收件人地址

默认地址：当前页面

?yonghuming=xiaoming&mima=123 明文

method 提交方式 get 默认 post 隐藏 暗文 明文

checked selectde 默认选项

-->

<form action="https://www.so.com/s">

<input name="q"> name:名字的代号

<input type="submit" value="360搜索">

</form>

<form action="./action.html" >

<!-- 表单 注册 登录 -->

<!-- 表单的用途：收集用户的数据，信息 -->

<h1>免费注册</h1>

<!-- name 起名字 为你传递的数据起个名字 -->

<!-- placeholder 提示词 -->

<!-- type 类型 text 文本 -->

用户名：<input type="text" name="username" id="" placeholder="请输入用户名"> <br>

<!-- password 密码框 -->

密码： <input type="password" name="password" id="" placeholder="请输入密码"> <br>

<!-- radio name名字 必须一样 单选-->

性别：

<label><input type="radio" name="gender" id="" value="男" >男</label>

<input type="radio" name="gender" id="" checked value="女">女 <br>

<!-- checkbox 复选框 -->

爱好：

<input type="checkbox" name="hobby" checked id="" value="写代码">写代码

<input type="checkbox" name="hobby" id="" value="旅游">旅游

<br>

<!-- select option -->

请选择省

<select name="sheng" id="">

<option value="xuanze">请选择</option>

<option value="河南" selected>河南</option>

<option value="河北">河北</option>

</select>

<br>

<!-- file 浏览框 上传文件 -->

<input type="file" name="" id="">

<br>

<!-- textarea 文本域 -->

自我介绍：

<textarea name="ziwojieshao" id="" cols="30" rows="10"></textarea>

<br>

<!-- 提交按钮 submit -->

<!-- value 默认值 -->

<input type="submit" value="登录">