【javaWeb】学生注册页面编写及美化2(加入提交判断)--------html+css+javaScript

最新推荐文章于 2024-09-21 13:57:49 发布

WENWENlll

最新推荐文章于 2024-09-21 13:57:49 发布

阅读量672

点赞数

分类专栏： javaWeb 笔记文章标签： css web html js

本文链接：https://blog.csdn.net/qq_45289396/article/details/105234474

版权

本文详细介绍了如何使用HTML创建学生注册页面，结合CSS进行界面美化，并通过JavaScript实现表单提交时的数据验证。通过示例代码和最终展示的效果图，读者可以了解到前端开发中网页交互的基本实现过程。

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

学生信息注册界面及美化：

代码如下：

html:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>学生信息注册页面</title>
<link rel="stylesheet" type="text/css" href="style.css" media="all" />

</head>
<body>
	<script type="text/javascript" src="javascript/myScript.js"></script>
	<div class="back">
		<div class="left">
			<h1>学生信息注册</h1>
			<p>xueshengxinxizhuce</p>
		</div>
		<div class="right">
			<table border="0">
				<form method="get" action="" target="rfFrame">
					<tr>
						<td align="left"><span
							style="vertical-align: super; font-size: 12px; font-weight: 100; color: #4187F1;">*</span>姓名：</td>
						<td class="t2"><input type="text" class="kuang"
							placeholder="  请输入姓名" onBlur="nameMethod()" id="name"></td>
						<td class="note" id="nameNote">由2-5个中文组成</td>
					</tr>
					<tr>
						<td align="left"><span
							style="vertical-align: super; font-size: 12px; font-weight: 100; color: #4187F1;">*</span>性别：</td>
						<td class="t2"><input type="radio" checked>男<input
							type="radio">女</td>
					</tr>
					<tr>
						<td align="left"><span
							style="vertical-align: super; font-size: 12px; font-weight: 100; color: #4187F1;">*</span>出生日期：</td>
						<td class="t2"><input type="text" class="kuang"
							placeholder="  yyyy-mm-dd" onBlur="dateMethod()" id="date"></td>
						<td class="note" id="dateNote">格式：yyyy-mm-dd</td>
					</tr>
					<tr>
						<td align="left"><span
							style