【萌新】 name和placeholder属性介绍

一，input元素；

1. name ：指定标签的名称

2. id ：指定标签的唯一标识。

3. class ：指定标签的类名。

4. 在CSS文件里书写时，ID加前缀"#"；CLASS用"."

6. ID是一个标签，用于区分不同的结构和内容，就象名字，如果一个屋子有2个人同名，就会出现混淆；class是一个样式，可以套在任何结构和内容上，就象一件衣服；

5. id一个页面只可以使用一次；class可以多次引用。

8. 优先级：id>name>class

9. 优先级：精确定位的准确度，CSS选择器选择的先后顺序。

10. getElementById()返回固定id的对象，HTML文档中id对象一般是唯一的；getElementsByName()和getElementsByClassName()返回的是一个数组，HTML文档中name属性和class属性不是唯一的

11.用法举例

<input type="radio" name='sex'/>男

<input type="radio" name='sex'/>女

<input type=password id="userpwd" />

<input type=button class="btnsubmit" />

二，placeholder属性；

①百度吧，就是emmmm，，，我理解就是翻译过来给用户登录打字用的框，这个框的右边不是还有个button按钮吗，，，，哎英语不好感觉会错过好多东西。

②适用范围：
    placeholder属性适用于下面的input类型：text、search、url、tel、email、password、textarea.

兼容性：
    IE10+、Firefox、Opera、Chrome、Safari均支持placeholder属性.IE9及以下版本不支持input的placeholder属性.
1、WebKit, Blink, Edge浏览器等需要带上-webkit-前缀，且是是双冒号，写的时候还要带上input
2、针对FireFox则有两种写法，一种是针对低版本的，一种是针对高版本的，二者都需要带上-moz-前缀
    a)：火狐低版本的使用冒号（：），而高版本的使用双冒号（：：）；
    b)：火狐浏览器不需要像webkit内核那样要带上input

3、placeholder属性只在IE10+才支持，因此，针对IE10、IE11的写法是加上-ms-前缀，使用的是冒号(:)，需要带上input

 **强调：冒号与双冒号的问题，还有是否需要加上input**