3.19

泰礴松的博客
泰礴松的博客原创
2018年03月20日 15:34:33528浏览

3.19注册表单作业

实例
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>表单登录初体验</title>
</head>
<body>
	<form>
		<table style="box-shadow: 8px 8px 8px #888; border-radius: 30px ;" align="center" border="0" cellspacing="1" cellpadding="5" bgcolor="lightskyblue">
		
		<caption>我的第一个表单登录页面</caption>
		<tr><td colspan="2"><hr></td></tr>
		<tr align="center">
		<td align="right"><label for="name">姓名:</label></td>
		<td align="left"><input type="text" name="name" id="name" placeholder="请输入您的姓名" size="30"></td>
		</tr>
		<tr>
			<td align="right"><label for="password">密码</label></td>
			<td align="left"><input type="password" name="password" id="password" placeholder="中文+字母不得少于8个" size="30"></td>
		</tr>
		<tr>
			<td align="right">性别</td>
			<td><input type="radio" name="sex" value="man">男
			<input type="radio" name="sex" value="female">女
			<input type="radio" name="sex" value="scret" checked="">保密</td>
		</tr>
		<tr>
			<td align="right">兴趣爱好</td>
			<td align="left"><input type="checkbox" name="aihao[]" value="eat">吃饭
                             <input type="checkbox" name="aihao[]" value="drink">喝酒
                             <input type="checkbox" name="aihao[]" value="play" checked="">打麻将
			           </td>
		</tr>
		<tr>
			<td align="right">入门等级</td>
			<td align="left">
				<select name="level">
					<option value="lep1">刚学,啥也不会</option>
					<option value="lep2" selected="">学一点,会一点</option>
					<option value="lep3">会很多,敢吹牛逼</option>
				</select>
			</td>
		</tr>
		<tr>
			<td align="right">头像</td>
			<td align="left"><img src="img/boy.png" height="30"><input type="file" name="poto" accept="image/*"></td>
		</tr>
		<tr>
			<td align="right"><label for="comment">备注</label></td>
			<td align="left"><textarea name="comment" id="comment" rows="5" cols="40" placeholder="文明发言"></textarea>
	    	</td>
		</tr>
		<tr>
			<td align="center" colspan="2"><hr><input type="submit" name="submit" value="提交">      <input type="reset" name="reset" value="重置"></td>
		</tr>
		</table>
	</form>
</body>
</html>
运行实例 »
点击 "运行实例" 按钮查看在线实例

手抄代码

787688796.jpg48905939.jpg

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议