在线个人信息登记表单 - 上传文件 - 常规

<!DOCTYPE html>
<html>
<head>
	<title>在线个人信息登记表单 - 上传文件</title>
	<style>
		body {
			background-color: #f2f2f2;
			font-family: Arial, sans-serif;
		}
		h1 {
			text-align: center;
		}
		form {
			background-color: #fff;
			padding: 20px;
			border-radius: 5px;
			box-shadow: 0px 0px 10px #999;
			width: 500px;
			margin: 0 auto;
		}
		input[type=text], textarea {
			width: 100%;
			padding: 12px;
			border: 1px solid #ccc;
			border-radius: 4px;
			box-sizing: border-box;
			margin-top: 6px;
			margin-bottom: 16px;
			resize: vertical;
		}
		input[type=file] {
			margin-top: 10px;
			margin-bottom: 10px;
		}
		input[type=submit] {
			background-color: #4CAF50;
			color: white;
			padding: 12px 20px;
			border: none;
			border-radius: 4px;
			cursor: pointer;
		}
		input[type=submit]:hover {
			background-color: #45a049;
		}
		.label {
			font-weight: bold;
		}
	</style>
</head>
<body>
	<h1>在线个人信息登记表单</h1>
	<form action="#" method="post" enctype="multipart/form-data">
		<label class='label'>姓名:</label>
		<input type="text" name="name" required>
		<label class='label'>年龄:</label>
		<input type="text" name="age" required>
		<label class='label'>性别:</label>
		<input type="text" name="gender" required>
		<label class='label'>邮箱:</label>
		<input type="text" name="email" required>
		<label class='label'>地址:</label>
		<textarea name="address" rows="4" cols="50" required></textarea>
		<label class='label'>上传文件:</label>
		<input type="file" name="file">
		<input type="submit" value="提交">
	</form>
</body>
</html>