当前位置: 首页 > news >正文

《一个月冲刺祥云杯》(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();

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

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

 

相关文章:

  • 1688做网站多少钱/seo技巧seo排名优化
  • 网站换域名了怎么办seo/如何做游戏推广
  • 门户网站制作价格表/营销推广方法有哪些
  • 网站原型怎么做/可以推广发广告的app
  • 适合女孩做的网站/google网页版入口
  • 做几个网站好/企业门户网站
  • Spring学习阶段性总结
  • CET4之翻译
  • 简单了解泛型和包装类
  • 串口使用系列学习之什么是流控
  • centos7安装docker
  • 前端基石:构造函数和普通函数
  • MySQL索引-3回表查询与覆盖索引
  • 【机器学习】阿里云天池竞赛——工业蒸汽量预测(5)
  • 可编程交换机P4网络资源
  • HTTP版本 四次挥手 同源策略
  • fastapi_No.7_获取表单和文件数据
  • YOLOX 学习笔记