HTML - 表单标签

1.Form

表示表单范围

属性

- action 提交地址

- method 提交方式 get / post

        post提交方式比get更加安全

- enctype 提交的数据格式

2.input

表单单元,根据不同的type类型决定了不同的表格形式

type 元素显示类型

        - text

        - search 搜索框

        - password

        - radio

        - checkbox

        -botton 没有意义的按钮

        - submit 提交

        - reset 重置

        - color 颜色选择框

        - date 日期选择框

        - time

        - number

        - file 文件选择

value 表单的值

name 配合提交使用的,当使用form表单的自动提交功能的时候,才需要用到name属性

id 配合label标签使用

checked 默认选中

multiple 多选,配合type=file使用

autocomplete 自动补全开关

       属性 - off

                - on

autofocus 自动获取焦点

                  当页面上有多个标签写了这个属性,那么第一个自动获取焦点

3.select 下拉选中框

配合option使用

        - value 表示该选项的选中值

        - 标签对内书写的时展示值

- 属性 selected

         - 给option标签使用的 表示默认选中

- 属性 multiple

         - 表示多选选择框 此时可以给多个option添加selected

textarea 文本域

        - col 多少列 决定了宽度

        - row 多少行 决定了高度

button 按钮

        - input type=button 不管在什么位置都是普通按钮

        - <button></button> 在form标签内是type=submit 提交按钮

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值