一、前言

学习完html中有关表格表单的知识，可以来完成一个简单的登录页面的设计。

二、步骤

代码如下（示例）：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>登录</title>
</head>
<body><form action="./新闻网站2.html"> <!-- 必需的 action属性规定当提交表单时，向何处发送表单数据。 --><h1>新闻网站</h1><h1>登录页面</h1><form>账号：<input type="text" name="user"><br>密码：<input type="text" name="passsword"><br><input type="submit" value="登录"></form>
</body>
</html>
<!DOCTYPE html>

三、效果图

效果图如下：

四、总结

以上就是今天要讲的内容，本文简单介绍了表单的使用，
可以自己动手试一下。
有什么问题欢迎大家在评论区指出，一起相互交流学习。
如果这篇文章帮助到你，麻烦点个赞，留个关注，非常感谢大家们的支持~~~

利用html完成简单的登录网站页面相关推荐

html登录页面用idea,利用IDEA怎么制作一个登录注册页面
利用IDEA怎么制作一个登录注册页面发布时间:2020-12-19 14:02:09 来源:亿速云阅读:186 作者:Leah 利用IDEA怎么制作一个登录注册页面?很多新手对此不是很清楚,为了帮 ...
小白教程——Windows下用PHP写一个简单的登录注册页面（二）
哈喽,看到这里希望小伙伴们都把wampserver环境安装好了,如果还没有安装或创建数据表就移步去看我上一篇文章吧.OK~接下我们将进入代码实现部分,首先我们需要一个文本编辑器,可以是电脑自带的not ...
使用Bootstrap制作简单的旅游网站页面（非功能型）
首先进入BootStrap网站页面下下载Bootstrap文件,如下图所示然后解压压缩包,并将相应的包复制到当前你所建项目的源文件下,如下图所示: 解压后的文档如下图: 将上述的包导入到项目源文件下 ...
python简单模拟登录网站（以登录教务系统为例）
简单参考 Python3实现网站模拟登录写了个python模拟登录教务系统,具体用到了selenium浏览器自动测试框架,参考了 Flask 的文档作接口.代码供参考. import time f ...
利用Django框架简单设计一个登陆页面
这里写自定义目录标题 1.创建project django-admin startproject "你项目的名字" 2.创建app python manage.py startap ...
如何用HTML+CSS+JavaScript实现一个简单的电影网站页面
做一个页面,首先我们要先规划好怎样布局,我做的时候,先用div标签将页面的每个部分做好了布局,之后通过position来设置具体的盒子布局,之后再添加盒子的内容. 话不多说,上源码. HTML部分 & ...
HTML简单的登录+背景页面
HTML文件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <li ...
PERL-MOJO写一个简单的登录验证页面
PERL果然是很牛掰的东西... 失业三年半了.还是想keep一下perl的兴趣. use Mojolicious::Lite;my $password='1253';get '/login' = ...
利用webBrowser来实现自动登录网站
准备中... 转载于:https://www.cnblogs.com/Jessy/archive/2012/12/13/2816243.html

利用html完成简单的登录网站页面

文章目录

一、前言

二、步骤

三、效果图

四、总结

利用html完成简单的登录网站页面相关推荐

最新文章

热门文章