初学WEB初做表单
一个简易的用户登录注册页面,无法传递页面参数,纯静态。
table中的border属性不能再style属性中生效,设置在<table>标签中,效果有。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> 注册信息 </title>
<style>
table{
width:50%;
background-color:#fce021;
}
#tishi {
text-align:center;
}
</style>
</head>
<body>
<table border="1">
<tr>
<td colspan="2" id="reg" >个人用户登录</td>
</tr>
<tr>
<td id="tishi">中文描述</td>
<td><input type="text" /></td>
</tr>
<tr>
<td id="tishi">英文名称</td>
<td><input type="text" />建议使用:Field1,Field2...</td>
</tr>
<tr>
<td id="tishi">密码</td>
<td><input type="password" /></td>
</tr>
<tr>
<td id="tishi">选择城市</td>
<td>
<select>
<option>北京</option>
<option>上海</option>
<option>广州</option>
</select>
</td>
</tr>
<tr>
<td id="tishi">职业</td>
<td>
<select>
<option>学生</option>
<option>职员</option>
<option>职业</option>
</select>
</td>
</tr>
<tr>
<td id="tishi">显示控件</td>
<td><input type="text" /></td>
</tr>
<tr>
<td id="tishi">形式</td>
<td><input type="text" /></td>
</tr>
<tr>
<td id="tishi">列表</td>
<td>
<input type="radio" value="rad1"/>男
<input type="radio" value="rad1"/>女
</td>
</tr>
<tr>
<td id="tishi">兴趣爱好</td>
<td><input type="checkbox" />唱歌
<input type="checkbox" />跳舞
<input type="checkbox" />跑步
</td>
</tr>
<tr>
<!--可让按钮居中-->
<td colspan="2" align="center" >
<input type="button" value="返回"/>
<input type="submit" value="提交"/>
</td>
</tr>
</table>
</body>
</html>