html简单登录页面代码(html精美登录界面源码)
大家好,今天小编来为大家解答以下的问题,关于html简单登录页面代码,html精美登录界面源码这个很多人还不知道,现在让我们一起来看看吧!
用Dreamweaver做登陆和注册界面的代码
1、插入一个div,设置为400x300px大小,背景色为米黄色,居中。
2、输入标题文字和用户名、密码,调整位置。
3、继续插入填写部分,插入--表单--文本域,所以需要输入内容的“框”都是文本域。设置用户名文本域ID为username,点击确定。
4、继续同样的方式插入密码的文本域,设置ID为password。因为密码是非明文的,不需要显示,所以我们在属性面板里选择文本域的类型--密码。
5、插入按钮。插入--表单--按钮,插入两个按钮,ID分别设置为login和reg。login按钮设置为登陆,reg按钮设置为注册。
6、初始值是我们未输入内容时,填写框显示的提示文字。
7、这样一个简单的登陆界面就做好了,是不是很简单呢。
一个完整的html代码
简单的htm的编写过程如下:
先新建一个文本文件,可以自己命名,如下图,我命名为测试。
编译文本,以最简单的代码格式为例<html><head><title></title></head><body></body></html>
在<body></body>写入你要写的内容,下面以hello world为例。
修改文件后缀名,将txt改为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精美登录界面源码的问题解决了您的问题,那么我们由衷的感到高兴!