5.总结

79 阅读2分钟

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 只读,只能看不能编辑
    • 只针对输入类型生效