《一个月冲刺祥云杯》（2）需要的html典例以及PHP基础

前言

🍀作者简介：被吉师散养、喜欢前端、学过后端、练过CTF、玩过DOS、不喜欢java的不知名学生。

🍁个人主页：被吉师散养的职业混子

🫒文章目的：希望你回到今天（悲

🍂相应专栏：冲刺祥云杯2022

HTML两道典例

前言

相对于专业的前端开发人员，安全人员并不需要多了解语言的语法，只需要能看懂就行。

都说兴趣是最好的老师，那我就直接上图了(doge

1、网页中的视频是如何实现的

每日吐槽：CSDN啥时候把doge加到表情里

首先分析页面，有个导航栏，有个视频（废话了属于是

首先，头部部分，直接html:5+回车就搞定了

主要对以下代码进行分解

1、controls = "controls"即为为视频加上导航栏

2、loop 设置视频为自动循环

3、poster = "文件路径" 指视频在未播放时的封面

                                                             王老六.jpg

接下来的

<source src = 'image/回忆变成山海.mp4' type = "video/mp4"/>

source src = "文件路径" type = "video/mp4"

资源 + 路径 + 种类

就不放视频链接了，不客气（doge

2、做一个表单

放几个主要的表单形式。

首先第一行，这个账号后面的CSDN是不可删除的，只能在后面加元素

账号：<input type = "text" value = "CSDN" name = "user" redonly />

因为有redonly，所以文本框内显示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了

引自知乎GET 和 POST 的区别？ - 知乎

而里面的t1.php：

首先头部文件，使用UTF-8解码，避免出现乱码.

session_start()则是负责把用户输入的数据存储起来.

下面的第一个if语句就是判断通过POST收集的session是否为空，也就是判断是否收集到了。

如果没有，那就告诉用户，无法登陆，并且跳转回表单收集界面，重新进行收集。

如果收集成功，就把收集到的数据存储在变量中，然后对其判断，输入的账号密码是否在服务器中（在本文中就是一条语句，说服务器有点夸大），如果在，跳转到t3.php，即登录界面。

如果收集的数据不在服务器中，则告知用户，无法登陆，且跳转回t2.php的表单收集界面。

t3.php：

首先还是头部文件避免乱码，session start();

如果收集的信息为空，告知无权登录（总感觉这块有点鸡肋

如果收集的信息为正确的账号密码，即可正常登录系统