操作表单元素属性
- 表单很多情况，也需要修改属性，比如点击眼睛可以看到密码，本质是把表单类型转换为文本框
- 正常的有属性有取值的，跟其他的标签属性没有任何区别
获取：DOM对象.属性名
设置：DOM对象.属性名 = 新值
例如：获取输入文本框的信息
<body>
<input type="text" value="hhh1">
<script>
//获取元素
const uname = document.querySelector('input')
//获取值
console.log(uname.value)
//设置表单的值
uname.value = 'new'
//设置表单的属性
uname.type = 'password'
</script>
</body>表单属性中添加就有效果，移除就没有效果，一律使用布尔值表示，如果为true代表添加了该属性，如果为false代表移除了该属性
比如：disabled、checked、selected
<input type="checkbox" name="" id="">
<script>
const op = document.querySelector('input')
console.log(op.checked)
</script>
op.checked = true
自定义属性
标准属性：标签自带的属性例如class，id，title，可以直接使用点语法操作比如：disabled，checked，selected。
自定义属性：
- html5中推出了专门的data-自定义属性
- 在标签上一律以data-开头
- 在DOM对象一律以dataset对象方式获取
