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标签没有字数的限制,并且输入框可以拖拽。