表单、表单标签属性、标签总结

163 阅读1分钟

一、表单

1.1.表单作用

  • 用户提交数据,包括数据名称+数据的值

1.2.表单标签

  • form标签 - 双标签

    • 块级元素 block element

    • method属性 - get|post

    • action属性 - 提交的url地址

  • input标签 - 单标签

    • 内联块级元素 inline-block element

    • type属性

      • text(文本输入框)
      • password(密码)
      • submit(提交)
      • radio(单选)
      • checkbox(多选)
    • name属性 - 数据名称(必需)

    • value属性 - 数据的值(非必需)

    • maxlength属性 - 输入的最大字符长度

    • readonly属性 - 值readonly 不可输入,可提交

    • disabled属性 - 值disabled 可输入,不可提交

    • placeholder属性

      • 很多浏览器的样式不一样
      • 现在尽量是动态的,所以用js模拟
  • label标签 - 双标签

    • 内联元素 inline element

    • for属性 - 与某一个input的id值相同时,点击label可以聚焦该input输入框

  • select标签

    • 双标签

    • name属性

  • option标签

    • 双标签

    • value属性

      • 有value属性值
      • 无value属性值 - 请选择
      • 不写value属性 - 读取后面的文本
  • textarea标签

    • 双标签

    • cols属性

      • 可见宽度
      • 代表一行你可以输入多少字符
      • 一个字符的宽度(8px) * cols + 17px就是总宽度
    • rows属性

      • 可见行数
      • 中间不可以有换行和空格
    • placeholder属性

      • 很多浏览器的样式不一样
      • 现在尽量是动态的,所以用js模拟
  • fieldset标签

    • 块级元素 block element
  • legend标签

    • 块级元素 block element

1.3.MD5加密

  • 消息摘要的算法
  • 不可逆加密算法
  • 不需要额外的密钥
  • 加密后不能解密

二、标签总结

2.1.内联元素

  • span
  • strong
  • em
  • del
  • ins
  • label
  • a
  • sub
  • sup

2.2.块级元素

  • div
  • hx
  • p
  • address
  • ul
  • ol
  • li
  • dl
  • dt
  • dd
  • table
  • form
  • fieldset
  • legend

2.3.内联块元素

  • input
  • img
  • select
  • textarea
  • iframe