html个人信息采集表格的简单使用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>个人信息填表</title>
</head>
<!-- 

表单标签:表单标签的作用是用于提交数据给服务器.
表单标签是form标签

action:该属性是用于指定提交数据的地址.
method:指定表单提交方式:
get:默认使用的提交方式.提交的数据会显示在地址栏上
post:提交数据是不会显示在地址栏.
注意:表单的数据如果需要提交到服务器上面,那么表单必须要有那么的属性值


-->
<body>
<form action="http://www.baidu.com" method ="post">
<table align="center" border = "1px" bordercolor="#0000FF" width="400px" height="500" cellpadding="0" cellspacing="0">
<caption><font size="+1" color="#FF9966" >个人信息收集表</font></caption>
<tbody>
<tr>
<th>用户名:</th>
<th><input type="text" name="userName"/></th>
</tr>
<tr>
<th>密码:</th>
<th><input type="password" name="passWord"/></th>
</tr>
<tr>
<th>性别</th>
<th>男<input type="radio" name="sex" checked = "true" value ="men"/> 女<input type="radio" name="sex" checked = "true" value ="woman"/> </th>
</tr>
<tr>
<th>爱好</th>
<th>电影<input name = "hobit" type = "checkbox" value="电影" /> 游戏<input name = "hobit" type = "checkbox" value="游戏" />小说<input name = "hobit" type = "checkbox" value="小说" /></th>
</tr>
<tr>
<th>城市</th>
<th><select name ="city">
<option value="bj">北京</option>
<option value="gx">广西</option>
<option value="xy">新余</option>
<option value="sz">深圳</option>
<option value="sd">山东</option></select>
</th></tr>
<tr>
<th>照骗</th>
<th><input type="file" name="image"/></th></tr>
<tr>
<th>个人简介</th>
<th><textarea name="文本域" rows="10" cols="30" ></textarea></th></tr>
<tr>
<th colspan="2" align="center" >
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
</th>
</tr >


</tbody>
</table>
</form>
</body>
</html>
展开阅读全文

没有更多推荐了,返回首页