H5入门二：表单和表单元素
1. HTML表单元素
- Form表单的属性
H5入门二：表单和表单元素 - form表单元素
H5入门二：表单和表单元素
2.Input表单元素
- input标签的属性 例1：
H5入门二：表单和表单元素
<!DOCTYPE html>
<html>
<head>
<title>基础表单</title>
</head>
<body>
<form>
姓名：<input type="text" name="username">
密码：<input type="password" name="paw">
<input type="submit">
</form>
</body>
</html>
效果：
例2：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1 align="center">注册信息</h1>
<hr color="#336699">
<form>
<table bgcolor="#f2f2f2" width="600px" align="center" >
<tr><td>用户名：</td><td><input type="text" name="username" size="25" maxlength="6" placeholder="请输入用户名"/></td></tr>
<tr><td>密码：</td><td><input type="password" name="paw" size="25" maxlength="6" placeholder="请输入密码"/></td></tr>
<tr><td>确认密码：</td><td><input type="password" name="paw" size="25" maxlength="6" placeholder="请重新输入密码"/></td></tr>
<tr><td>上传照片：</td><td><input type="file" name="file"/></td></tr>
<tr>
<td>性别</td>
<td>男<input type="radio" name="sex" value="male" />
女<input type="radio" name="sex" value="female" />
</td>
</tr>
<tr>
<td>
爱好
</td>
<td>
篮球<input type="checkbox" name="fav" value="basketball"/>
足球<input type="checkbox" name="fav" value="football"/>
排球<input type="checkbox" name="fav" value="pq"/>
</td>
</tr>
</table>
</form>
</body>
</html>
效果：
图像域的使用
隐藏域的语法：
3.select标签
- 基本语法
H5入门二：表单和表单元素 - 分组的下拉菜单标签 例：
H5入门二：表单和表单元素
<!DOCTYPE html>
<html>
<head>
<title>表单元素</title>
</head>
<body>
<form>
<table>
<tr>
<td>城市：</td>
<td>
<select name="city">
<option value="bj">深圳</option>
<option value="sz">北京</option>
<option value="sh">上海</option>
<option value="sh">上沙</option>
</select>
</td>
</tr>
<tr>
<td>城市：</td>
<td>
<select name="ss">
<optgroup label="组1">
<option value="bj">深圳</option>
<option value="sz">北京</option>
<option value="sh">上海</option>
<option value="cs">长沙</option>
</optgroup>
<optgroup label="组2">
<option value="cs">合肥</option>
<option value="cs">西安</option>
<option value="cs">石家庄</option>
</optgroup>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
select效果如下图所示：
4.多行文本域标签textarea
- 基础语法
H5入门二：表单和表单元素 - 多行文本域属性
H5入门二：表单和表单元素