HTML表单标签常用属性及其常见子标签

表单标签

通过form来定义

<form>
    //1.input类型
    //2.select类型
    //3.textarea类型
</form>

常用属性
​ action:提交路径,默认是当前页面,#
​ method:提交方式,常用的是get和post. 默认就是get
get和post区别

1. get方式提交的数据(请求参数)在地址栏可见(拼接在请求的路径后面), post方式不可见
2. get方式相对不安全, post方式相当安全一些
3. get方式对提交的数据(请求参数)的大小有限制的, post方式没有限制的

form的常见子标签

input:输入域, 通过type属性来指定类型
​ select :选择列表
​ textarea：文本域
1.input：输入类型
type属性,类型是由属性（type）定义的：

<input type="xxx"/>

• text:文本输入框
• password:密码域
• submit：提交按钮
• reset：重置按钮
• button:空白按钮
• radio:单选框
• checkbox:复选框
• file:文件
• hidden:隐藏字段
  2.select :选择菜单

<select name="">
	<option value="">显示的内容</option>
</select>

注：
name在select里面指定
value在option里面指定
option定义在select里面
3.textarea:文本域

<textarea rows="20" cols="30" name="introduce"></textarea>

属性：

• cols列
• rows:行

通用属性

1.name

• 作为单选和多选框的分组
• 作为key上传到后台程序，后台程序通过key得到相对应的value。如果要想把数据提交到后台程序，一定要指定name属性

2.value

• 给按钮起名字
• 设置提交到服务器的值 name=value