web表单元素

1 基本语法

web表单元素
get 会把表单内容呈现在地址栏上
post 不会把表单内容呈现在地址栏上 安全
实际开发中通常采用 post 方式提交表单内容
post 提交的数据量比 get 要大

2 表单元素格式

web表单元素
web表单元素
密码框文本框的区别
密码框 会把输入内容以小黑点的方式显示
文本框 显示输入内容

2.1 单选框

checked 默认选择状态
同一类type值要相同
web表单元素

2.2 复选框

同一组 name 值要相同
否则虽然可以实现相同的效果 但不为一组
web表单元素

2.3 列表框

2.3.1 效果

web表单元素

2.3.2 语法

selected 默认被选中标签
web表单元素

2.3.3 代码

web表单元素

2.4 按钮

web表单元素
web表单元素
botton按钮图片按钮 没有实际功能
需要开发者赋予实际功能

2.5多行文本域

web表单元素
web表单元素

2.6 特殊文本框

2.6.1 邮箱

web表单元素

2.6.2 网址

web表单元素

2.6.3 数字

web表单元素

2.6.4 滑块

web表单元素

2.6.5 搜索框

web表单元素

2.7 高级应用

2.7.1 隐藏域

在这里插入图片描述

2.7.2 只读

web表单元素

2.7.3 禁用

web表单元素