1.简介
HTML表单是一个包含表单元素的区域，用来收集用户输入的内容并提交。
表单元素通常包括文本域(textarea)、单选框(radio-buttons)、复选框(checkboxes)等。
表单使用标签<form>来设置。
form的属性：
- action：规定当提交表单时，向何处发送表单数据。action取值为:第一，一个URL（绝对URL/相对URL），一般指向服务器端一个程序,程序接收到表单提交过来的数据（即表单元素值）作相应处理。
- method：该属性定义浏览器将表单中的数据提交给服务器处理程序的方式。最常用的值是get和post。
2.表单元素
表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。
- 1.input标签常见元素：
| input标签 | 作用 |
|---|---|
| text | 单行文本框 |
| password | 圆点密码框 |
| button | 普通按钮 |
| submit | 提交所有数据按钮 |
| checkbox | 多选框 |
| radio | 单选框 |
| file | 文件上传 |
| reset | 重置所有项 |
| hidden | 隐藏域 |
格式：<input type="text" name="" value="">
-
2.<select>标签：下拉菜单
<select name="car">
<option value="宝马">宝马</option>
<option value="萨博" selected="">萨博</option>
</select>
设置selected为默认选项 -
3.<textarea></textarea>:多行文本
多行文本<textarea>创建一个可输入多行文本的文本框,<textarea>没有value属性,<textarea>文本</textarea>，cols=“50”、rows=“15”属性表示行数和列数,不指定则浏览器采取默认显示。 -
4.<label></label>标签
在<input type=“text”>前可以写普通的文本来修饰，但是单击修饰文本的时候input并不会得到焦点，而用label则可以，for属性指定要修饰的控件的id，<label for=“txt1” >内容</label>；”,然后按下alt+u(了解)。accesskey=“u“，label的另一个属性。
3.name属性的作用
name属性规定了input元素的名称，用于后续提交表单数据，或者在JS中引用表单。 POST和GET的时候，name和input中的值会形成的 键/值 对，服务器端的表单处理程序只有通过name才能获取到相应的用户输入。 check和radio靠相同的name值分组。
网友评论