form表单
表单能够获取用户输入,用于向服务器传输数据,从而实现用户与web服务器的交互
表单属性
action
控制数据提交的地址,有三种书写方式:
不写 默认就是朝当前这个页面所在的地址i提交数据
只写路径后缀(/index/)
method
控制数据提交的方式,有get、post
form表单默认是get请求
input标签
type属性值
表现形式
text
单行输入文本
password
密码输入显示 为密文形式
date
日期输入框,可以选择日期
radio
加上name,单选框
button
普通按钮,没有实际意义,但是用的最多,可以绑定js事件
reset
重置按钮
submit
提交按钮,能够自动触发form表单提交数据的动作
checkbox
复选框
file
文本选择框
hidden
隐藏输入框
注意:能够触发form表单提交数据动作的标签有两个:
input标签的submit
button标签:我是一个button标签
通常情况下input需要结合label一起使用
表单中的input元素根据type参数不同,展示不同的功能:
password
date
radio 单选框
submit 提交按钮
button 普通按钮
reset重置按钮
注意:所有获取用户输入的标签 都应该有name属性
name属性就相当于字典的key
input框获取到的用户输入 都会放到input框的value属性中
input标签属性说明:
name:name属性就相当于字典的key
value: 表单提交时对应的值,input框获取到的用户输入 都会放到input框的value属性中
checked: 男 默认选中
readonly: 只读模式,不能修改
disabled: 禁用,所有input都适用
select标签
省份:
上海
北京
广州
深圳
动漫
鬼刀
灵笼
风云
一个个的option标签就是一个个的选项
属性说明:
multiple:布尔属性,设置后为多选,否则默认单选
disabled:禁用
selected:默认选中该项
value:定义提交时的选项值
textarea标签
多行文本
属性说明:
name:名称
rows:行数
cols:列数
disabled:禁用