HTML表单的用法

1.简介

HTML表单是一个包含表单元素的区域，用来收集用户输入的内容并提交。
表单元素通常包括文本域(textarea)、单选框(radio-buttons)、复选框(checkboxes)等。
表单使用标签<form>来设置。

form的属性：

• action：规定当提交表单时，向何处发送表单数据。action取值为:第一，一个URL（绝对URL/相对URL），一般指向服务器端一个程序,程序接收到表单提交过来的数据（即表单元素值）作相应处理。
• method：该属性定义浏览器将表单中的数据提交给服务器处理程序的方式。最常用的值是get和post。

2.表单元素

表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。

• 1.input标签常见元素：

格式：<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值分组。