【网络安全零基础入门必知必会】HTML之编写登录和文件上传（非常详细）零基础入门到精通，收藏这一篇就够了3

最新推荐文章于 2024-08-01 12:02:26 发布

黑客大白

最新推荐文章于 2024-08-01 12:02:26 发布

阅读量506

点赞数 5

分类专栏：程序员计算机互联网文章标签： web安全 html 安全

本文链接：https://blog.csdn.net/Libra1313/article/details/139606418

版权

程序员同时被 3 个专栏收录

355 篇文章 13 订阅

订阅专栏

计算机

354 篇文章 2 订阅

订阅专栏

互联网

354 篇文章 3 订阅

订阅专栏

前言

今天大白带大继续入门网络安全第四章知识点，了解和学习利用HTML知识实现登录页面和文件上传。

本篇是要做一个简单的登录页面，用来体验Html 的用法和效果，所以就不使用验证码了，因为验证码在一个项目中是放在后端的，这次就不做演示；

一、HTML实现登录页面

1、新建一个html项目

html项目在哪里建都可以，vscode、idea甚至在网页打开一个html在线编译器都可以；

如下面的代码，这一步很简单；

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>登陆页面</title>  
</head>  
<body>  
 <p>hello world!</p>  
</body>  
</html>

2、制作整体框架

1、首先使用form做一个表单，放入Login文件的中，代码如下：

<form action="">  
账号: <input type="text" name="user"><br>  
密码: <input type="password" name="password">  
</form>

效果如下;

2.账号密码有了之后，下一步就需要登录了，登录是一个按钮，按钮是一个标签

我们现在加上试试；

   <form action="">  
        账号: <input type="text" name="user"><br>  
        密码: <input type="password" name="password">     
        <button> 登录</button>   
    </form>

效果如下：

有了登录按钮后，在我们的认知下，肯定按了登录会跳到下一个页面，但是今天只是展示做一个简单的登陆界面，就不写跳转和账号密码验证了；

二、HTML实现文件上传

这个功能可以让用户上传文件到服务器，然后在后台进行处理或者存储。这在很多网站和应用中都是非常常见且有用的功能。

首先，我们需要一个包含文件上传表单的 HTML 页面。然后在后端使用 PHP 处理上传的文件，并保存到服务器上。以下是一个简单的示例：

HTML 文件（index.html）：`` ```html ``<!DOCTYPE html>``<html>``<head>`    `<title>文件上传示例</title>``</head>``<body>`    `<h2>上传文件</h2>`    `<form action="upload.php" method="post" enctype="multipart/form-data">`        `选择文件: <input type="file" name="fileToUpload" id="fileToUpload">`        `<input type="submit" value="上传文件" name="submit">`    `</form>``</body>``</html>``

为了帮助大家更好的学习网络安全，我给大家准备了一份网络安全入门/进阶学习资料，里面的内容都是适合零基础小白的笔记和资料，不懂编程也能听懂、看懂这些资料！

因篇幅有限，仅展示部分资料，需要点击下方链接即可前往获取

[2024最新CSDN大礼包：《黑客&网络安全入门&进阶学习资源包》免费分享]

在这里插入图片描述