form表单详解

form表单

form是一个复杂的系统标签，其内部又可包含不少的一些输入标签

例如input 输入文本标签  checkbox 多选标签等等

form表单有几个属性咱们须要注意一下

　　1：action属性，里面写的是url连接，接就是表单提交的地址

　　2：method属性，里面写的是数据提交的方式，能够写入get或者post

　　3：enctype属性，提交数据的编码格式

form表单中的标签的先后台交互

form表单被咱们应用在先后台交互的环节的，里面的值能够在后台经过某些key取出来

下面就来说解不一样标签取值的方法

1. input 标签
input标签咱们最为常见，里面有三个属性比较重要
　　a. type 他是表明input的类型
　　b. name 他就是后台取值的依据(key)
　　c. val 他是咱们输入的值，也是后台须要的值
　　<input type="" name="">

而后咱们根据type的类型，又能够把input进行细分

　　a. text 表示普通的文本，明文输入
　　b. password 输入的也是文本，密文输入
　　c. number 输入的是数字，不是数字不让输入
　　d. submit 提交按钮，提交form表单的内容
　　e. button 普通的按钮
　　f. radio 单选框，咱们须要注意的是单选框的全部的name值必须相同
　　　　　　若是name不相同，就说明不在同一个选择方位，也就不存在单选，而后想要在后台取到他的值，

　　　　　　你必须在定义的时候给附上一个值给value，这样才能取到值
　　g. checkbox 复选框，内容和单选框同样
　　h. file 选择文件，能够选择文件提交给后台

以上基本是input的全部类型，须要注意几个点
　　1.取值都是经过name进行取值，因此必须给name赋值
　　2.文本类型想要附上初始值，直接在value中加入值就能够
　　3.选择框若是想要默认选中谁，那就在谁的标签中加入checked属性

2. select 标签
select标签是一个下拉框的形式让用户进行选择选项
因此select标签中必须包含option标签才能显示属性
形式为：
<select>
<option></option>
<option></option>
</select>

而后select中有全局属性name，这个name是后台又来进行取值的
每一个option标签的文本内容是显示给用户看的，咱们须要取的是option标签中的value属性，因此在开始必须给option的value赋值
后台经过select的name取值，直接取到的就是对应option的value

若是咱们向让他默认选择某个option，能够在option标签中加入selected属性，若是都不加，默认是显示第一个

3. button 按钮标签
新出的标签，与input中type为button的按钮同样

4. textarea 文本框标签

与input中的text同样都是输入文本的，可是textarea标签没有字数的限制，而且输入框能够拖拉。