<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>常用标签-->表单标签</title>
</head>
<body>
<!-- 1.表单标签:比表格多了数据提交的功能
1.1要求:必须使用form标签 + 必须有提交按钮 + 必须配置name属性
1.2效果:实现了数据提交,数据都在地址栏进行了拼接
http://127.0.0.1:8848/cgb2111/day01/Test8.html?user=Jack&password=123&password=&name=&city=%E5%B9%BF%E5%B7%9E&pas=
1.3数据提交的格式 :属性名=属性值是
其中,属性名是 网页上name属性的值,属性值 是用户在游览器中输入的数据
-->
<form>
<table bgcolor="aliceblue" border="1" >
<th colspan="2">注册表单</th>
<tr>
<td>用户名:</td>
<td ><input type="text" name="user"></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" name="password"></td>
</tr>
<tr>
<td>确认密码:</td>
<td><input type="password"name="password"></td>
</tr>
<tr>
<td>昵称:</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td>邮箱</td>
<td><input type="email"></td>
</tr>
<tr>
<td>性别:</td>
<td><input type="radio"name="sex" value="1">男
<input type="radio" name="sex" value="2">女
</td>
</tr>
<tr>
<td>爱好:</td>
<td>
<input type="checkbox" name="like" value="1">篮球
<input type="checkbox" name="like" value="2">足球
<input type="checkbox" name="like" value="3">乒乓球</td>
</tr>
<tr>
<td>城市:</td>
<td>
<select name="city">
<option>广州</option>
<option>南京</option>
</select></td>
</tr>
<tr>
<td>头像:</td>
<td><input type="file" name="pas"></td>
</tr>
<tr>
<td >验证码:</td>
<td>
<input type="text" />
<img src="a.png" />
<button type="reset">点我换一张</button>
</td>
</tr>
<tr>
<td>自我描述:</td>
<td>
<textarea>请在这里写...</textarea>
</td>
</tr>
<tr>
<th colspan="2">
<button type="submit" value="提交数据">提交</button>
<button type="reset">重置</button>
</th>
</tr>
</table>
</form>
</body>
</html>
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
