一、表单
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