表单标签 <form> (表单本身并不可见)
在表单中有表单元素:文本域,单选框,复选框,按钮,列表等。
如何向表单添加元素呢,用以下标签:
<input> 表单输入标签
<select> 菜单和列表标签
<option> 菜单和列表项目标签
<textarea> 文字域标签
<optgroup> 菜单和列表项目分组标签
input语法如下:
<input type=“类型属性” name=“名称” ..../>
Type属性值 | text | password | file | checkbox | radio | Button | Submit | Rest | Hidden | image |
描述 | 文字域 | 密码域 | 文件域 | 复选域 | 单选域 | 按钮 | 提交按钮 | 重置按钮 | 隐藏域 | 图像域 |
参考代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单</title>
</head>
<body>
<h1 align="center">注册信息</h1>
<hr color="#336699"/>
<form>
<table width="600px" bgcolor="#f2f2f2"align="center">
<tr>
<td>姓名:</td>
<td><input type="text" name="user"size="25"maxlength="6"placeholder="请输入姓名"/></td>
</tr>
<tr>
<td>邮箱:</td>
<td><input type="text" name="email"value="@163.com"></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" name="paw"size="25"maxlength="12"placeholder="请输入密码"/></td>
</tr>
<tr>
<td>确认密码:</td>
<td><input type="password" name="paw_confirm"size="25"maxlength="12"placeholder="请再输入密码"/></td>
</tr>
<tr>
<td>上传照片:</td>
<td><input type="file"name="file" /></td>
</tr>
<tr>
<td>性别:</td>
<td>男<input type="radio" name="sex"value="man"/>
女<input type="radio" name="sex"value="woman"/>
保密<input type="radio" name="sex"value="bm"checked/>
</td>
</tr>
<tr>
<td>爱好:</td>
<td>游泳<input type="checkbox" name="hobby"value="swumming"/>
篮球<input type="checkbox" name="hobby"value="basketball"/>
读书<input type="checkbox" name="hobby"value="sing"/>
</td>
</tr>
<tr>
<td><input type="button" name="button"value="来点我">
<input type="submit" name="submit" value="submit">
<input type="reset" name="reset"value="reset">
<input type="image" name="image_button"src="zhuce.png"width="100px"height="50px"></td>
<td></td>
</tr>
<tr>
<td><input type="hidden" name="hidden"value="这是一个用户注册信息"></td>
<td></td>
</tr>
</table>
</form>
</body>
</html>