学习前端知识过程中一些元素/属性的区别（更新中）

1 form method=get和method=post

method=get	method=post
从服务器上提取数据（HTTP GET）	向服务器传送数据(HTTP POST)
不安全	安全
对提交中文数据友好	对提交英文数据友好

---

2 select和datalist的差异

异同点	select	datalist
多选	可以	不可以
缺失值	可以	不可以
查找	不可以	可以
增添选项	不可以	可以

select：初始状态会选中其中一个选项

datalist：初始状态显示为空

---

3 input和button异同

异同点	input	button
字体样式	可以	可以
其他样式	不可以	可以

input 能实现的 button都能实现
button 能实现的 input 不一定能实现
推荐使用 button

---

4 name和value和id

• name 是控件的名称。
• name 不唯一，多个控件可以取同一个名称。
• 没看到 submit 的 name，并不表示浏览器忽略了它的 name，在提交之前它也被浏览器定义了 name，在服务器上一样可以得到它的 name 和 value。
• 控件不定义 name/value 也可以显示，定义是为了方便在服务器进行接收和区别。

---

• value 是控件的值。
• 不是所有控件的 value 都会显示出来，比如 checkbox、radio、hidden。
• 按钮 submit 中的 value 不仅代表按钮的值，也代表按钮显示的文本。

---

• id 具有唯一性。
• 用于锚引用或 id 选择器。

---

5 url、href和src

• url（Uniform Resource Locator）统一资源定位符。
• url 是唯一的。
• 表示从互联网上得到的资源的位置和访问方法。
• 分为 绝对URL 和 相对URL。

符号	类型	意义	例子
.	相对路径	代表目前所在的目录	<a href=“./aaa”>内容</a>
…	相对路径	代表上一层目录	<img src=“…/aaa” />
…/…/	相对路径	代表上一层目录的上一层目录	<img src=“…/…/aaa” />
/	绝对路径	代表根目录	<a href=“/aaa”>内容</a>

---

• href（Hypertext Reference）超文本引用
• 用于建立 当前文档或元素 和 当前属性定义的需要锚点或资源 之间的链接。
• 常用的有：link a

---

• src （Source）资源，引用资源替代当前元素，在img、script、iframe中使用。
• 将指向的内容嵌入到文档中当前标签所在的位置。
• 常用的有：image script iframe

---

6 <iframe>中的src和srcdoc

• 如果浏览器支持 srcdoc 属性，且指定了 srcdoc 属性，它将 覆盖 在 src 属性中规定的内容。
• 如果浏览器不支持 srcdoc 属性，且指定了 srcdoc 属性，它将显示在 src 属性中规定的文件。

---

7 rgb和rgba

• rgba 就是在 rgb 的基础上拓展了一个可以 设置透明度 的alpha通道。
• 0表示全透明

---

8 letter-spacing和word-spacing

• letter-spacing 是增加或减少字符间的间距。
• word-spacing 是增加或减少字间的间距。

---

9 :hover和:fcous

:hover 是鼠标悬停时显示的颜色
:fcous 是鼠标点击松开后显示的颜色