首页源码html简单登录页面代码(html精美登录界面源码)

html简单登录页面代码(html精美登录界面源码)

编程之家2026-05-28934次浏览

大家好,今天小编来为大家解答以下的问题,关于html简单登录页面代码,html精美登录界面源码这个很多人还不知道,现在让我们一起来看看吧!

html简单登录页面代码(html精美登录界面源码)

用Dreamweaver做登陆和注册界面的代码

1、插入一个div,设置为400x300px大小,背景色为米黄色,居中。

2、输入标题文字和用户名、密码,调整位置。

3、继续插入填写部分,插入--表单--文本域,所以需要输入内容的“框”都是文本域。设置用户名文本域ID为username,点击确定。

4、继续同样的方式插入密码的文本域,设置ID为password。因为密码是非明文的,不需要显示,所以我们在属性面板里选择文本域的类型--密码。

5、插入按钮。插入--表单--按钮,插入两个按钮,ID分别设置为login和reg。login按钮设置为登陆,reg按钮设置为注册。

6、初始值是我们未输入内容时,填写框显示的提示文字。

html简单登录页面代码(html精美登录界面源码)

7、这样一个简单的登陆界面就做好了,是不是很简单呢。

一个完整的html代码

简单的htm的编写过程如下:

先新建一个文本文件,可以自己命名,如下图,我命名为测试。

编译文本,以最简单的代码格式为例<html><head><title></title></head><body></body></html>

在<body></body>写入你要写的内容,下面以hello world为例。

修改文件后缀名,将txt改为html。

html简单登录页面代码(html精美登录界面源码)

测试是否成功,双击测试.html,如果出现了下面的内容,恭喜你,你已经学会了最简单的html编写。

PHP做一个用户登录页面

index.html登录页面代码如下:

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""">

<html xmlns="">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>

<title>登录示例</title>

</head>

<body>

<form id="forms" name="forms" method="post" action="loginchk.php">

用户名:<input type="text" id="uname" name="uname" value=""/><br/>

密码:<input type="password" id="upass" name="upass" value=""/><br/>

<input type="submit" id="loginbtn" value="立即登录"/>

<input type="reset" id="resetbtn" value="重新填写"/>

</form>

</body>

</html>

loginchk.php的PHP程序代码如下:

<?php

$uname=trim($_REQUEST["uname"]);

$upass=trim($_REQUEST["upass"]);

if($uname=="admin"&&$upass=="admin")

{

echo"登录成功";

}

else

{

echo"登录失败,<a href='index.html'>重新登录</a>";

}

?>

以上只是一个简单示例,真正的开始,需要考到很多因素,比如说登录前有效性检查,加入登录验证码,程序需要连接数据库进行用户匹配等。

希望对你有帮助。

如果使用数据库进行进行匹配的话,PHP程序可以这样改进一下。

<?php

$uname=trim($_REQUEST["uname"]);

$upass=trim($_REQUEST["upass"]);

$con= mysql_connect("localhost","root","root");

mysql_select_db("dbname",$con);

$result= mysql_query("select* from dusers where uname='$uname' and upass='$upass'");

$rs= mysql_fetch_array($result);

if($rs)

{

echo"登录成功";

}

else

{

echo"登录失败,<a href='index.html'>重新登录</a>";

}

?>

不过你需要连接到你自己的指定的数据库和数据表。

文章到此结束,如果本次分享的html简单登录页面代码和html精美登录界面源码的问题解决了您的问题,那么我们由衷的感到高兴!

和平精英奇幻之旅怎么玩 和平精英不满16岁怎么玩百科php源码,网站源码