基本表单的制作.html

<html>
<head>
	<meta charset="utf-8">
	<style type="text/css">
		table{
			background-color: pink;
			margin:auto;
			border:1px solid blue;

		}
       .cr{background: #ff0;

        }

	</style>
</head>
<body>
     <form>
			<table >
		<caption><h2>员工信息登记表<h2></caption>
		<tr>
			<td>用户登录名:<input type="textarea" ></td>
		</tr>
		<tr>
		<td>真实姓名:&nbsp;&nbsp;<input type="textarea" ><font>(必填只能输入汉字)</font><br></td>
	</tr>
	<tr>
		<td>真实年龄:&nbsp;&nbsp;<input type="textarea" ><font>(必填)</font><br></td>
	</tr>
		<tr>
		<td>出生日期:&nbsp;&nbsp;<input type="textarea" ><font>(必填)</font><br></td>
		</tr>
		<tr>
		<td>
		电子邮箱:&nbsp;&nbsp;<input type="textarea" value="[email protected]"><font>(必填)</font><br>
		<tr>
			<td>身份证号:&nbsp;&nbsp;<input type="textarea" value="[email protected]"><font>(必填)</font><br>	</td>
		</tr>
		<tr>
		<td>手机号码:&nbsp;&nbsp;<input type="textarea" ><font>(必填)</font><br></td>
	   </tr>
		<tr>
			<td><select>幸运颜色:<option><input class="cr" type="textarea"></option>(选择你喜欢的颜色)
 </select></td></tr>
  <tr>
		<td><input type="submit" name="提交"> </td>        <td>  <input type="reset" name="重置"><br></td>
	</tr>
</table>
	</form>
	
</body>
</html>

发布了7 篇原创文章 · 获赞 0 · 访问量 293

猜你喜欢

转载自blog.csdn.net/wyhcczz/article/details/104670302