一个简易的登陆页面

最新推荐文章于 2024-10-05 06:12:02 发布

6点就起床

最新推荐文章于 2024-10-05 06:12:02 发布

阅读量361

点赞数

文章标签： html javascript css

本文链接：https://blog.csdn.net/ygdwb/article/details/106098755

版权

这篇博客介绍如何使用HTML、CSS和JavaScript构建一个基本但功能完整的登录页面。内容涵盖了从布局设计到表单验证的整个过程。

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

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		.header{
			width: 1200px;
			height: 100px;
			background-color: #666;
			/*margin-left: 100px;*/
			margin-top: 20px;
		}
		.main_show{
			width: 1200px;
			height: 800px;
			background-color: #325;
			/*margin-left: 100px;*/		
		}
		
		.main_show img{
			position: absolute;
			width: 100%;
			height: 800px;
		}
		.login{
			position: absolute;
			width: 260px;
			height: 200px;
			background-color: rgb(219, 205, 190);
			margin-left:150px;
			margin-top: 250px;	
		}
		.login_header{
			width: 240px;
			/* border-bottom: 1px solid #ef0;   */
			margin-left: 100px;  
		}
		.login_header p{
	        font-size: 15px;
	        margin-top: 10px;   
		}
		.login_input{
			float: center;
			width: 240px;
			height: 30px;
			/* border-bottom: 1px solid #ee7700;  */
			margin-left: 12px;