1.员工信息表
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>员工信息登记表</title>
<script type="text/javascript">
function changeColor(node)
{
alert("颜色改变")
var CollOptNodes=node.options;
var index=node.selectedIndex;
var colorVal=CollOptNodes[index].value;
document.getElementById("text").style.color=colorVal;
}
</script>
</head>
<body style="background-color: pink;</h3>">
<form name="user" action="#" method="get" align="center">
<a align="center" ><strong><font size="5">员工信息登记表</font></strong></a>
<table align="center" >
<tr height="30px">
<td>用户名登录:</td>
<td align="left"><input type="text"/></td>
</tr>
<tr height="30px">
<td align="left">真实姓名:</td>
<td align="left"><input type="text" />
（必填，只能输入汉字）</td>
</tr>
<tr height="30px">
<td align="left">真实年龄:</td>
<td align="left"><input type="text" />
（必填）</td>
</tr>
<tr height="30px">
<td align="left">出生日期:</td>
<td align="left"><input type="text"/>
（必填）</td>
</tr>
<tr height="30px">
<td align="left">电子邮箱:</td>
<td align="left"><input type="text"/>
（必填）</td>
</tr>
<tr height="30px">
<td align="left">身份证号:</td>
<td align="left"><input type="text"/>
（必填，能够以数字、字母X结尾的短身份证号）</td>
</tr>
<tr height="30px">
<td align="left">手机号码:</td>
<td align="left"><input type="text"/>
（必填）</td>
</tr>
<tr height="30px">
<td align="left">幸运颜色：</td>
<td align="left"><select name="textColr" id="text" onchange="changeColor(this)">
<option value="none" >--选择颜色--</option>
<option value="red" >红色</option>
<option value="blue" >蓝色</option>
<option value="purple" >绿色</option>
<option value="orange">橙色</option>
<option value="green">绿色</option>
<option value="golden">金色</option>
<option value="black" selected="selected" >黑色</option>
</select>（请选择你喜欢的颜色）
</td>
</tr>
<td colspan="3" align="center" height="70px"><input type="submit" value="提交" /> <input type="reset" value="重置"/>
</td>
</table>
</form>
</body>
</html>
<!doctype html>
<html>
<head>
