HTML做表单联系地址选择省,html之form表单

您所在的位置:网站首页 html表单日期选择器 HTML做表单联系地址选择省,html之form表单

HTML做表单联系地址选择省,html之form表单

2023-08-18 07:42| 来源: 网络整理| 查看: 265

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一起使用

b06ab731ad1728b707d5063f214f180d.png

表单中的input元素根据type参数不同,展示不同的功能:

password

a6a893267f7d6ce477cab5b3c13bc8eb.png

date

c3c8eae7bbf4a6596082736216fb3276.png

radio 单选框

submit 提交按钮

button 普通按钮

reset重置按钮

ba9424fb0cd070f8b348221b8db1cde4.png

4b74acb01ca8c4ddb09855633a60613a.png

ef386405b6fd3d08bf3e3b49a1d2ead2.png

注意:所有获取用户输入的标签 都应该有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:禁用



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3