form表单详解
form表单
form是⼀个复杂的系统标签，其内部⼜可包含很多的⼀些输⼊标签
例如input 输⼊⽂本标签  checkbox 多选标签等等html中提交表单用什么属性
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标签没有字数的限制，并且输⼊框可以拖拉。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。