一.如何操作表单元素？
表单很多情况，也需要修改属性，比如点击眼睛，可以看到密码，本质是把表单类型转换为文本框
获取：DOM对象.属性名
<body> <input type="text" value="请输入内容"> <script> const content = document.querySelector('input'); console.log(content.value); // 输入框的值 </script> </body>设置：DOM对象.属性名 = 新值
<body> <input type="text" value="请输入内容"> <script> const content = document.querySelector('input'); content.value = '这是新的内容'; </script> </body>表单属性中添加就有效果,移除就没有效果，一律使用布尔值表示，如果为true代表添加该属性，如果是false代表移除该属性。比如：disabled，checked，selected
<body> <input type="checkbox"> <script> const checkbox = document.querySelector('input'); checkbox.checked = true; // 选中复选框 console.log(checkbox.checked); // 复选框是否选中 </script> </body><body> <button>点击</button> <script> const button = document.querySelector('button'); button.disabled = true; // 禁用按钮 console.log(button.disabled); // 按钮是否禁用 </script> </body>二.自定义属性
标准属性：标签天生自带的属性比如class id title等,可以直接使用点语法操作，
比如：disabled、checked、selected
自定义属性:
在html5中推出来了专门的><body> <div />
