disabled和readonly

disabled属性阻止对元素的一切操作，例如获取焦点，点击事件等等。
readonly属性只是将元素设置为只读，其他操作正常。

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <style type="text/css">
 7             
 8         </style>
 9     </head>
10     <body>
11         <button id="btn1">1</button>
12         <button id="btn2">2</button>
13         <button id="btn3">3</button>
14         <input type="text" name="name" value="xx" disabled="true"/>
15         <input type="text" name="name" value="xxx" readonly="true"/>
16     </body>
17     <script>
18          document.getElementById("btn1").disabled = true;
19           
20          document.getElementById("btn2").setAttribute('disabled','true');
21     </script>
22 </html>

document.getElementById("btn1").disabled = true;
document.getElementById("btn2").setAttribute('disabled','true');
都可以实现禁用