如何运用js制作简单的登录界面（html）

开头先展示成果：

制作该页面代码不多，十分简单，运用了些许CSS，但大部分都是html。

代码如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><link  rel="short icon" href="photo/titlepicture(banshou).jpeg" ><title>HTML登录界面</title><style>.tittle1{font-size: xxx-large;text-align: center;font-family: Arial;}.button1{text-align: center;}body{margin: 250px;background: url("photo/background5(mountain).jpg ")}
</style>
</head>
<body><h1 class="tittle1">HTML登录界面</h1>
<center><table border="0"><tr><td style="padding: 20px;padding-right: 0px;color: #bbbbbb;font-size: 20px"><b>账号：</b></td><td><form><input type="text" name="account" ></form></td></tr><tr><td style="padding: 20px;padding-right: 0px;color: #bbbbbb;font-size: 20px"><b>密码：</b></td><td><form><input type="password" name="passcode"></form></td></tr><tr><td colspan="2" ><input type="submit" style="margin: 30px;margin-top:0px;margin-left:10px;width: 250px;height: 50px;font-size: larger;" value="登录"></td></tr></table>
</center>
</body>
</html>

以上仅是最近实践成果，若日后学获更多知识会加以改进，令它功能更加完善。

如何运用js制作简单的登录界面（html）相关推荐

HTML5+CSS3+JS制作动态背景登录界面
目录第一步:编写HTML框架第二步:设置css样式表第三步:编写js代码第一步:编写框架 1.分别新建html,css和js文档后,将css和js分别链接至html中. 2.编写html基本框 ...
php简单网页制作代码,用HTML和CSS以及JS制作简单的网页菜单界面的代码
这篇文章主要介绍了使用HTML+CSS+JS制作简单的网页菜单界面,这个ABROAD项目所使用的JavaScript部分代码非常简单,需要的朋友可以参考下写ABROAD项目用到了标签这个东东,其实标 ...
PyQt5制作一个简单的登录界面
最近在学习GUI设计,分享做的一些小项目. 这篇文我们讲一下如何制作一个简单的登录界面. 目录一.效果图二.简述制作过程: 三.源码及材料: 1.源码: 2.图片素材: 一.效果图如下: 二.简 ...
html简单的登录界面制作
html简单的登录界面制作话不多说,老铁们直接拿代码去用吧. <!DOCTYPE html> <html><head><meta charset=" ...
怎么用Android做登录界面,利用Android怎么制作一个APP登录界面
利用Android怎么制作一个APP登录界面发布时间:2020-12-02 17:09:10 来源:亿速云阅读:79 作者:Leah 这期内容当中小编将会给大家带来有关利用Android怎么制作一 ...
一对一直播源码，实现一个简单的登录界面
一对一直播源码,实现一个简单的登录界面 1.html <!DOCTYPE html> <html lang="en"> <head><me ...
html+css 制作简单QQ登录页面
HTML+css制作简单QQ登录页面这是效果图这是HTML源码 <!DOCTYPE html> <html lang="zh"><head> ...
css画钟表_利用css+原生js制作简单的钟表
利用css+原生js制作简单的钟表.效果如下所示实现该效果,分三大块:html.javascript.css html部分html部分比较简单,定义一个clock的div,内部有原点.时分秒针.日期 ...
JAVA实现简单的登录界面
我本来是学C++的,然后课程上老师要求做一个登陆界面,用C++实现不限时,然后就选择了JAVA,从零开始自学JAVA.好在网上很多大佬都写了如何用JAVA编写登陆界面的博客,写得很详细,使得我第一次接 ...
使用HTML制作简单的小米界面（部分）
使用HTML制作简单的小米界面(部分) 以下为最终的效果图需要实现的效果最左边展示最新手机图片右边并排展示销售的手机界面每个块级元素并排鼠标移动到块元素时出现阴影和向上弹起的效果制作思路 ...

如何运用js制作简单的登录界面（html）

如何运用js制作简单的登录界面（html）相关推荐

最新文章

热门文章