前言
🍀作者简介：被吉师散养、喜欢前端、学过后端、练过CTF、玩过DOS、不喜欢java的不知名学生。
🫒文章目的：希望你回到今天（悲
HTML两道典例
前言
相对于专业的前端开发人员，安全人员并不需要多了解语言的语法，只需要能看懂就行。
都说兴趣是最好的老师，那我就直接上图了(doge
1、网页中的视频是如何实现的
首先分析页面，有个导航栏，有个视频（废话了属于是
首先，头部部分，直接html:5+回车就搞定了
主要对以下代码进行分解
1、controls = "controls"即为为视频加上导航栏
2、loop 设置视频为自动循环
3、poster = "文件路径" 指视频在未播放时的封面
接下来的
<source src = 'image/回忆变成山海.mp4' type = "video/mp4"/>
source src = "文件路径" type = "video/mp4"
资源 + 路径 + 种类
就不放视频链接了，不客气（doge
2、做一个表单
放几个主要的表单形式。
首先第一行，这个账号后面的CSDN是不可删除的，只能在后面加元素
账号：<input type = "text" value = "CSDN" name = "user" readonly />
因为有readonly，所以文本框内显示value中的值且无法对value进行更改。
第二行的地址，则是和上述差不多，只不过他的文本框内无法增删改任何元素，主要通过
disabled来实现。
第三行的密码，特殊之处在于把输入的文本加密化，例如
通过type = "password"来实现
接下来是第四行的男女单选框，主要通过type = "radio" 来实现
注意，此处的name 一定要是一样的，如果不一样，则会导致性别可以双选这个可爱的结果。
另外，如果想在用户进入该界面时有个预选的选项，可以在对应的<input>标签中，添加checked
第五行的爱好为了方便，个人Ctrl C V了篮球，该多选框主要通过checkbox来实现
我坦白了，我偷懒了 ,name就不补了
第六行的头像，只需要type = "file"即可。
第七行的日期有两种实现方式，第二种放在第八行里说
第一种就简单了，HTML5中自带的type = "date"
第二种则是使用select 和 option做一个折叠起来的多选
简介直接<textarea>
用cols 、rows来规定长宽。
下面的两个按钮很常用，
type = "submit"提交
type = "reset"重置
PHP的一个典例
制作一个表单用户的账号密码，提交到另一个文件处进行验证后提交到第三个文件进入登录界面。
t2.php：
这段代码中唯一没有说到的就是POST了
而里面的t1.php：
首先头部文件，使用UTF-8解码，避免出现乱码.
session_start()则是负责把用户输入的数据存储起来.
下面的第一个if语句就是判断通过POST收集的session是否为空，也就是判断是否收集到了。
如果没有，那就告诉用户，无法登陆，并且跳转回表单收集界面，重新进行收集。
如果收集成功，就把收集到的数据存储在变量中，然后对其判断，输入的账号密码是否在服务器中（在本文中就是一条语句，说服务器有点夸大），如果在，跳转到t3.php，即登录界面。
如果收集的数据不在服务器中，则告知用户，无法登陆，且跳转回t2.php的表单收集界面。
t3.php：
首先还是头部文件避免乱码，session start();
如果收集的信息为空，告知无权登录（总感觉这块有点鸡肋
如果收集的信息为正确的账号密码，即可正常登录系统
