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

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="登录">

飞码LowCode前端技术系列：如何便捷快速验证实现投产及飞码探索

本篇文章从数据中心，事件中心如何协议工作、不依赖环境对vue2.x、vue3.x都可以支持、投产页面问题定位三个方面进行分析。

如何优雅使用 vuex

大纲本文内容更多的是讲讲使用 vuex 的一些心得想法，所以大概会讲述下面这些点： Q1：我为什么会想使用 vuex 来管理数据状态交互？ Q2：使用 vuex 框架有哪些缺点或者说副作用？ Q3：我是如何在项目里使用 vuex 的？初识 vuex 对于 vuex，有人喜欢，有人反感喜欢的人觉

第三方组件及计算属性传参的问题解决方式

1. 前言唉，好想玩滋嘣。 2. 计算属性直接传参接收不到表格数据某一列需要用的计算属性时，模板中使用计算属性 fullName 就会直接调用 fullName 函数，而在模板中 fullName(item) 相当于fullName()(item)，此处为函数柯里化。 <el-table-

记录--Vue3基于Grid布局简单实现一个瀑布流组件

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前言在学习Grid布局之时，我发现其是CSS中的一种强大的布局方案，它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局，在刷某书和某宝首页时，我们发现其展示方式就是一种瀑布流，是一种流行的网站页面布局，视觉表……

用强数据类型保护你的表单数据-基于antd表单的类型约束

接口数据类型与表单提交数据类型，在大多数情况下，大部分属性的类型是相同的，但很少能做到完全统一。我在之前的工作中经常为了方便，直接将接口数据类型复用为表单内数据类型，在遇到属性类型不一致的情况时会使用any强制忽略类型错误。后来经过自省与思考，这种工作模式会引起各种隐藏bug，一定有更……

pinia的使用

前言最近新开了个项目，以前老项目都是vue2+vuex开发的，都说用vue3+pinia爽得多，那新项目就vue3+pinia吧。这里记录一下pinia的使用。使用方法安装pinia: npm i pinia main.js中引入pinia: //main.js import { create

记录--让我们来深入了解一下前端“三清”是什么

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前端“三清” 在前端开发中，我们经常听到关于“三清”的说法，即 window、document、Object。这三者分别代表了 BOM（浏览器对象模型）、DOM（文档对象模型）以及 JS 的顶层对象。在这个体系中，我们通过 JavaScr

记录--啊？Vue是有三种路由模式的？

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助众所周知，vue路由模式常见的有 history 和 hash 模式，但其实还有一种方式-abstract模式（了解一哈~）别急，本文我们将重点逐步了解：路由 + 几种路由模式 + 使用场景 + 思考 + freestyle 路由概念

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

大家都在看

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