2.3学习

Posted on 2020-02-03 22:13  九天龙凤  阅读(87)  评论(0)  编辑  收藏  举报

form：表单创建
action:行动(提交的路径)，整个表单提交的位置(可以是一个页面，也可以是一个后台 java 代码)
method：方法(提交的方式)，表单提交的方式(get/post/delete……等 7 种)
input：输入
type：输入的类型
    text：文本(文本输入项)
    password：密码
    radio：单选按钮
    checked：被选中
    checkbox：复选框
    file：文件(文件上传项)
    hidden：隐藏字段
    reset：重置(重置按钮)
    button：按钮(普通按钮)
    submit：提交(提交按钮)
name：名称(元素名称)
value：值(输入项的内容)
size：大小(可以是文字字体的大小，也可以是输入框的宽度)
maxlength：最大长度(输入框可以输入的最大长度)
readonly：只读
disabled：不可用的
select：选择(下拉列表项)
    option：条目(下拉列表项)
    selected：选择(下拉列表被选中)
textarea：区域(文本输入域)

https://www.runoob.com/html/html-forms.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>注册界面</title>
	</head>
	<body>
		<table border="1px" align="center" width="1300px" cellpadding="0px" cellspacing="0px">
			<!--1.logo部分-->
			<tr>
				<td>
					<!--嵌套一个一行三列的表格-->
					<table border="1px" width="100%">
						<tr height="50px">
							<td width="33.3%">
								<img src="../img/logo2.png" height="47px" />
							</td>
							<td width="33.3%">
								<img src="../img/header.png" height="47px" />
							</td>
							<td width="33.3%">
								<a href="#">登录</a>
								<a href="#">注册</a>
								<a href="#">购物车</a>
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<!--2.导航栏部分-->
			<tr height="50px">
				<td bgcolor="black">
					    
					<a href="#"><font size="5" color="white">首页</font></a>    
					<a href="#"><font color="white">手机数码</font></a>    
					<a href="#"><font color="white">电脑办公</font></a>    
					<a href="#"><font color="white">鞋靴箱包</font></a>    
					<a href="#"><font color="white">家用电器</font></a>    
				</td>
			</tr>
			<!--3.注册表单-->
			<tr>
				<td height="600px" background="../img/regist_bg.jpg">
					<!--嵌套一个十行二列的表格-->
					<form action="#" method="get" name="regForm">
					<table border="1px" width="750px" height="360px" align="center" cellpadding="0px" cellspacing="0px" bgcolor="white">
						<tr height="40px">
							<td colspan="2">
								<font size="4">用户注册</font>   USER REGISTER
							</td>
						</tr>
						<tr>
							<td>
								用户名
							</td>
							<td>
								<input type="text" name="user" size="34px" />
							</td>
						</tr>
						<tr>
							<td>
								密码
							</td>
							<td>
								<input type="password" name="password" size="34px" />
							</td>
						</tr>
						<tr>
							<td>
								确认密码
							</td>
							<td>
								<input type="password" name="repassword" size="34px" />
							</td>
						</tr>
						<tr>
							<td>
								Email
							</td>
							<td>
								<input type="text" name="email" size="34px" />
							</td>
						</tr>
						<tr>
							<td>
								姓名
							</td>
							<td>
								<input type="text" name="username" size="34px" />
							</td>
						</tr>
						<tr>
							<td>
								性别
							</td>
							<td>
								<input type="radio" name="sex" value="男" />男
								<input type="radio" name="sex" value="女" />女
							</td>
						</tr>
						<tr>
							<td>
								出生日期
							</td>
							<td>
								<input type="text" name="birthday" size="34px" />
							</td>
						</tr>
						<tr>
							<td>
								验证码
							</td>
							<td>
								<input type="text" name="yzm" size="34px" />
								<img src="../img/yanzhengma.png" />
							</td>
						</tr>
						<tr>
							<td colspan="2">
								<input type="submit" value="注册" />
							</td>
						</tr>
					</table>
					</form>
				</td>
			</tr>
			<!--4.广告图片-->
			<tr>
				<td>
					<img src="../img/footer.jpg" width="100%" />
				</td>
			</tr>
			<!--5.友情链接和版权信息-->
			<tr>
				<td align="center">
					<a href="#">1234</a>
					<a href="#">2234</a>
					<a href="#">3234</a>
					<a href="#">4234</a>
					<a href="#">5234</a>
					<a href="#">6234</a>
					<a href="#">7234</a>
					<a href="#">8234</a>
					<p>
						123456789
					</p>
				</td>
			</tr>
		</table>
	</body>
</html>