1、区块
div标签和span标签
a、一个是块元素,一个是行内元素
b、span 内只能放文本、图片、表单元素
注意:span里面不能放p、h、ul、dl、ol、div等标签
2、表单元素
- form 表示表单
-
- action 是表单的提交地址
- method 有get和post两个值
-
-
- get是明文显示,不安全
- post是隐藏显示,安全
-
-
- enctype 当有文件上传时,必须要有当前的属性值
- input 标签
-
- type="text" 文本输入框
-
-
- value 默认值
- placeholder 输入提示
- maxlength 最大字符长度
- minlength 最小字符长度
- autofocus 自动获取当前焦点
-
-
- type="password" 密码输入框
-
-
- value 默认值
- placeholder 输入提示
- autofocus 自动获取当前焦点
-
-
- type="radio" 单选
-
-
- name 是当前需要选择的一组值的名字
- value 选中值
- checked 选中当前值
-
-
- type="checkbox" 多选
-
-
- name 是当前需要选择的一组值的名字
- value 选中值
-
-
- type="button" 普通按钮
- type="submit" 提交按钮
-
-
- value 是按钮的文本内容
- 提交当前表单的数据
-
-
- type="reset" 重置按钮
-
-
- value 是按钮的文本内容
- 重置当前表单的数据,恢复默认值
-
-
- type="file" 文件提交
-
-
- 跟form属性enctype一起使用
-
-
- type="hidden" 隐藏域
-
-
- 隐藏当前页面中,需要用,但是不需要给用户展示的内容
- 数据值会提交给后台
-
-
- type="image" 图片提交按钮
-
-
- src 图片的地址
- alt="submit" 提交按钮
-
- label 标签
-
- input 设置 id 值,label 属性 for 保持一致
- textarea 文本域
-
- rows 显示的行数
- cols 显示的列数
- select 下拉菜单
-
- 要与 option 一起使用
- multipe 多重选择,配合键盘的 ctrl + 鼠标单击键
- size 显示的数量
- fieldset 标签
-
-
legend 显示标题
-
3、通用属性
- name 提交到服务器需要识别的名字,需要首先设置
- value 当前的表单元素的值
- required 必选项
-
- 与 disabled 一起使用未生效
- disabled 禁用当前表单元素
- readonly 只读,只能看不能编辑
-
- 只针对输入类型生效