html 一个超简单的表单使用案例

在这里插入图片描述
实现代码;

<html>
<head>
<meta charset = 'UTF-8'>
	<title>表单标签的一个简单案例</title>
</head>
<body>
<h1>这是一个超级简单的表单标签的一个案例</h1>
<form>
<table width="100%">
	<tr>
		<td align="right">注册邮箱:</td>
		<td><input type="text" name="mail"/></td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>你可以使用<a href="#">账号</a>注册或者使用<a href="#">手机号</a>注册</td>
	</tr>
	<tr>
		<td align="right">创建密码</td>
		<td><input type="password" name="password"/></td>
	</tr>
	<tr>
		<td align="right">真实姓名:</td>
		<td><input type="text" name="realname"/></td>
	</tr>
	<tr>
		<td align="right">性别:</td>
		<td><input type="radio" name="sex" value="女"/><input type="radio" name="sex" value="男"/></td>
	</tr>
	<tr>
		<td align="right">生日:</td>
		<td>
			<select name="year">
				<option value="1998">1998</option>
				<option value="1999">1999</option>
				<option value="2000">2000</option>
			</select>year
			<select name="month">
				<option value="5">5</option>
				<option value="6">6</option>
				<option value="7">7</option>
			</select>month
			<select name="day">
				<option value="14">14</option>
				<option value="15">15</option>
				<option value="16">16</option>
			</select>day		
		</td>
	</tr>
	<tr>
		<td align="right">我现在:</td>
		<td>
			<select name="choice">
				<option value="正在上学">正在上学</option>
				<option value="辍学了">辍学了</option>
				<option value="工作了">工作了</option>
			</select>
		</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td><img src="verycode.gif"><a href="#">看不清换一张?</a></td>
	</tr>
	<tr>
		<td align="right">验证码:</td>
		<td><input type="text" name="verycode"/></td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td><img src="btn_reg.gif"/></td>
	</tr>
<table>
</form>
</body>
</html>

注意:<input />是由结束符号/的。

发布了21 篇原创文章 · 获赞 1 · 访问量 649

猜你喜欢

转载自blog.csdn.net/weixin_43873121/article/details/105087827