web表单元素

1 基本语法

在这里插入图片描述
get 会把表单内容呈现在地址栏上
post 不会把表单内容呈现在地址栏上 安全
实际开发中通常采用 post 方式提交表单内容
post 提交的数据量比 get 要大

2 表单元素格式

在这里插入图片描述
在这里插入图片描述
密码框文本框的区别
密码框 会把输入内容以小黑点的方式显示
文本框 显示输入内容

2.1 单选框

checked 默认选择状态
同一类type值要相同
在这里插入图片描述

2.2 复选框

同一组 name 值要相同
否则虽然可以实现相同的效果 但不为一组
在这里插入图片描述

2.3 列表框

2.3.1 效果

在这里插入图片描述

2.3.2 语法

selected 默认被选中标签
在这里插入图片描述

2.3.3 代码

在这里插入图片描述

2.4 按钮

在这里插入图片描述
图片按钮
botton按钮图片按钮 没有实际功能
需要开发者赋予实际功能

2.5多行文本域

在这里插入图片描述
在这里插入图片描述

2.6 特殊文本框

2.6.1 邮箱

在这里插入图片描述

2.6.2 网址

在这里插入图片描述

2.6.3 数字

在这里插入图片描述

2.6.4 滑块

在这里插入图片描述

2.6.5 搜索框

在这里插入图片描述

2.7 高级应用

2.7.1 隐藏域

在这里插入图片描述

2.7.2 只读

在这里插入图片描述

2.7.3 禁用

在这里插入图片描述

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值