js 简单注册表

VIP文章可劲旋代码

于 2022-08-03 15:45:08 发布

阅读量545

点赞数 1

文章标签： javascript css html

本文链接：https://blog.csdn.net/jiao18237330105/article/details/126141524

版权


## html部分
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
		* {
     
			margin: 0;
			padding: 0;
		}

		#wrapper {
     
			width: 430px;
			padding: 30px;
			background-image: linear-gradient(#fffae8, #ffffff, #ffffff);
			margin: 0 auto;
			margin-top: 20px;
		}

		#wrapper form {
     
			width: 650px;
			text-align: center;
		}

		#wrapper form label {
     
			display: inline-block;
			width: 100px;
			text-align: right;
			margin-right: 20px;
		}

		#wrapper form>div {
     
			margin-bottom: 20px;
			display: flex;
		}

		#wrapper form>div span {
     
			color: red;
			font-size: 12px;
		}

		#wrapper form>input {
     
			width: 120px;
			height: 30px;
			margin-left: 20px;

		}

		.a>label {
     }

		.b>input {
     
			width: 15px;
			height: 15px;
			margin: 7px;
		}

		.nian {
     
			width: 50px;
			height: 15px;
			margin-right: 10px;
		}

		.ri {
     
			width: 50px;
			height: 15px;
			margin-left: 10px;
			margin-right: 15px;
		}

		.yue {
     
			margin-left: 10px;
			margin-right: 15px;
		}

		.a>input {
     
			margin-top: 7px;
		}

		.d {
     
			margin-left: 50px;
		}

		.d>input {
     
			width: 100px;
			height: 30px;
			margin-left: 40px;
			background-color: antiquewhite;
			font-size: 20px;
			color: #b27840;
			border-radius: 10px;
			outline: none;
		}
		#dayInfo{
     
			font-size: 30px;
			margin-top: 7px;
		}
	</style>
	<body>
		<div id="wrapper">
			<form action="#" method="get">
				<div>
					<label>名子:</label>
					<input type="text" id="uname">
					<span id="unameInfo"></span>

				</div>
				<div>
					<label>姓氏:</label>
					<input type="text" id="mingzi">
					<span id="mingziInfo"></span>