HTML 基本属性大全（二）

上节课讲了 HTML 里面标签的一些最基本的属性，今天我们继续往下讲。HTML 的一些常用属性如下所示：

属性：

1. placeholder：表单提示文本属性

注意：placeholder 是 HTML 表单里面里面一个比较特殊的属性，它可以说是非常重要，也可以说不重要，为什么这么说呢？因为这个属性是用来提醒用户输入信息的，没有实际意义，在大部分情况下，可以不使用它。但在一些特殊时候，又必须要用，这个属性是属于表单专用，一般都是用在表单标签 input 里面的。例如：<input type="text" name="userName" placeholder="请输入用户名" />，使用了这个属性之后，不会对你的 HTML 页面有什么特殊影响，大家可以根据需要，合理的去使用它。

2. required：表单里面的非空判断属性

注意：required 这个属性很强大，他基本上是每个表单元素都会用得到的，它用于表单元素的非空判断。在我们生活中填写表单的时候，什么用户名、密码、电话、性别等很多表单元素，基本上都不能为空，所以这个属性很常用。例如：<input type="password" name="pwd" placeholder="请输入密码" required />，如果你在这个表单里面没有输入密码，那么最终你的这个表单是无法进行提交到其他页面的，或者是说提交按钮是无法生效的。

3. readonly：表单里面的只读属性

注意：这个属性通常用到表单里的特殊场合，用了它之后能让一个正常的表单元素从普通状态变为只读状态。只读，字面意思也就是说只能读，不能修改。同样的道理，在表单里面，意思就是说被这个元素装饰过的表单元素里的内容只能进行读取，只能看到，但你无法修改它，因为这个表单元素被设置成只读了，只能看不能改。例如：<button  name="logins"  readonly>你能点动我你就是我大哥！！！</button>，被设置了之后，你将无法修改这个按钮上的文字。

4. disabled：表单里面的禁用属性

注意：可以说和上面那个只读属性是孪生兄弟。一个只读，一个禁用。虽然效果有点相似，但是理论上还有一点点区别的，下面这个级别更高，事态更严重一点，意思是直接禁止使用。大家可以把只读状态理解为普通军事基地，你只能远远的看到里面的哨兵，但是你是无法靠近的。同时可以把禁用状态理解为特种部队训练基地，不要说偷看里面的情况了，数百米外，只要你被发现了，国家可以随时判你窥测军事机密，斩立决的罪行。这就是它们的区别所在。例如：<button  name="logins"  disabled>禁止靠近，小心地雷，后果自负！！！</disbled>

5. class：类选择器标注属性

注意：这个属性用于 CSS 的选择器上面，这是类选择器的标识。例如：.a1{color：red；}.........<div  class="a1">......</div>，这样的话你能将这个 div 下的所有文字的颜色全部设置为红色。

6. id：id 选择器标注属性

注意：这个属性用于 CSS 的选择器上面，这是 id 选择器的标识。例如：#a1{font-size：20px；}.........<div  id="a1">......</div>，这样的话你能将这个 div 下的所有文字的大小全部设置为20px。虽然类选择器和 id 选择器的使用方式和功能大致相同，但是，它们还是有区别的。在同一个页面中，类选择器不限次数，你可以在多个标签里面进行无数次引用，但是，id 选择器就像人的身份证号一样，是唯一的，id 选择器只能使用1次，安全性更高，这就是它们的区别所在。

7. target：form 表单或者是一个网页的打开方式

注意：这个属性使用的地方相对较少，通常只用于 form 表单或者是超链接打开新页面的时候使用。这个属性有两个值，_blank 和 _self。_blank 用于在提交表单或者超链接进行跳转的时候，打开一个新页面，而不会在原来的页面上进行修改；而 _self 却相反，它会在原来的页面上进行修改。例如：<form  name="forms_1"  method="post"  action="HelloWorld.html"  target="_blank">......</form>（在页面运行的时候会先打开一个新页面，再显示 HelloWorld.html 页面的内容）。