- 一个完整的表单通常由
表单域、表单控件（也成为表单元素）和提示信息组成
1. 表单域
表单域：是一个包含表单元素的区域。
<form>用于定义表单域<form>会把它范围内的表单元素信息提交给服务器
标签结构：
<form action="url地址" method="提交方式" name="表单域名称">
各种表单元素控件
</form>
① action：用于指定接受并处理表单数的服务器程序的
url 地址
② method：用于设置表单数据提交方式，取值为get或post
③ name：用于指定表单的名称，以区分同一个页面中的多个表单域
2. 表单控件（表单元素）
- 表单控件分为：
input输入；select下拉；textarea文本域
（1） 输入控件 input
<input />用于收集用户信息，必须包含type属性，是一个单标签
type 属性值：
- text：单行的输入字段，默认宽度为 20 字符
- password：密码
- radio：单选
- checkbox：复选
- button：按钮
- file：输入文字和 “浏览” 按钮，供文件上传
- hidden：定义隐藏的输入字段
- image：图片形式的提交按钮
- reset：重置表单
- submit：提交，把表单数据发送到服务器
input 其他属性：
name：定义input的名称。同一项单选和复选要用到相同的name值value：规定input的默认值checked：规定input首次加载时被选中。checked="checked"maxlength：字段中字符的最大长度
示例：
<style>
li {
height: 30px;
list-style: none;
}
</style>
<body>
<form action="url地址" method="提交方式" name="表单域名称">
<li>文本框：<input type="text"></li>
<li>密码：<input type="password"></li>
<li>单选：<input type="radio"></li>
<li>多选：<input type="checkbox"></li>
<li>按钮：<input type="button" value="button"></li>
<li>文件上传：<input type="file"></li>
<li>重置：<input type="reset"></li>
<li>提交：<input type="submit"></li>
</form>
</body>
效果：
（2） label 标签
<label>标签用来绑定一个表单元素label中的for属性与相关元素的id属性相同
结构：
<label for="sex">男</label>
<input type="text" id="sex">
（3）select 下拉列表
特点：
①select中至少包含两个option
② 在option中定义selected="selected"时，当前项为默认选中
结构：
<select>
<option>选项1</option>
<option>选项2</option>
...
</select>
（4） textarea 文本域
文本域：定义一个多行文本输入框
<textarea cols="10" rows="5"></textarea>
扫一扫
1287
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
