设置表单属性
input 设置
<!DOCTYPE html>
<html lang="en">
<head></head>
<body>
<button>按钮</button>
<input type="text" value="输入内容" />
<script>
// 1. 获取元素
var btn = document.querySelector("button");
var input = document.querySelector("input");
console.log(111, this); // Window
// 2. 注册事件 处理程序
btn.onclick = function () {
console.log(222, this); // <button>按钮</button>
// input.innerHTML = '点击了'; 这个是 普通盒子 比如 div 标签里面的内容
// 表单里面的值 文字内容是通过 value 来修改的
input.value = "被点击了";
// 如果想要某个表单被禁用 不能在点击 disabled
// 我们想要这个按钮 button 禁用
this.disabled = true; // 或者 btn.disabled = true;
};
</script>
</body>
</html>