html透明表单登录注册页面源码

最新推荐文章于 2024-08-14 14:31:42 发布

mazai5080

最新推荐文章于 2024-08-14 14:31:42 发布

阅读量4k

点赞数

分类专栏：前端源码文章标签： javascript 经验分享 css3

本文链接：https://blog.csdn.net/mazai5080/article/details/124287752

版权

前端源码专栏收录该内容

102 篇文章 25 订阅

订阅专栏

本文介绍了如何获取一款免费的HTML透明表单登录注册页面源码，该页面具备自适应各种分辨率的特点，适用于网站登录和注册界面。源码包含两个表单，一个是登录，另一个是注册，并提供了部分关键代码展示。读者可以通过指定链接并搜索编码10134来获取完整源码。

摘要由CSDN通过智能技术生成

大家好，今天给大家介绍一款，html透明表单登录注册页面源码（图1）。送给大家哦，获取方式在本文末尾。

图1

自适应页面，适合于各种分辨率（图2）

图2

部分源码：

<!doctype html>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- font files  -->
<link href='#css?family=Muli:400,300' rel='stylesheet' type='text/css'>
<link href='#css?family=Nunito:400,300,700' rel='stylesheet' type='text/css'>
<!-- /font files  -->
<!-- css files -->
<link href="css/style.css" rel='stylesheet' type='text/css' media="all" />
<!-- /css files -->
</head>
<body>
<h1>Unique Login Form</h1>
<div class="log">
	<div class="content1">
		<h2>Sign In Form</h2>
		<form>
			<input type="text" name="userid" value="USERNAME" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'USERNAME';}">
			<input type="password" name="psw" value="PASSWORD" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'PASSWORD';}">
			<div class="button-row">
				<input type="submit" class="sign-in" value="Sign In">
				<input type="reset" class="reset" value="Reset">
				<div class="clear"></div>
			</div>
		</form>
	</div>
	<div class="content2">
		<h2>Sign Up Form</h2>
		<form>
			<input type="text" name="userid" value="USERNAME" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'NAME AND SURNAME';}">
			<input type="tel" name="usrtel" value="PHONE" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'PHONE';}">
			<input type="email" name="email" value="EMAIL ADDRESS" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'EMAIL ADDRESS';}">
			<input type="password" name="psw" value="PASSWORD" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'PASSWORD';}">
			<input type="submit" class="register" value="Register">
		</form>
	</div>
	<div class="clear"></div>
</div>
<div class="footer">
	
</div>

</body>
</html>

图3