天天看点
返回

操作元素之表单属性设置

<body>
    <button>按钮</button>
    <input type="text" value="输入内容" />
  </body>
  <script>
    // 1.获取元素
    var btn = document.querySelector("button");
    var input = document.querySelector("input");
    // 2.注册事件  处理程序
    btn.onclick = function () {
      // input.innerHTML ='点击了';这个是普通盒子  比如div 标签里面的内容
      // 表单里面的值  文字内容是通过 value 来修改的
      input.value = "被点击咯";
      // 如果想要某个表单被禁用  不能再点击 disabled 我们想要这个按钮 button禁用
      // btn.disabled = true;
      // 简单方法 this
      this.disabled = true; //当前 禁用 = 是的
      // this指向的是事件函数的调用者 btn
    };
  </script>
表单 处理程序 html
上一篇: HTML网页设计制作大作业 html+css+js萌宠之家 网页设计与实现二、📚网站介绍三、🔗网站效果四、💒 网站代码五、🎁更多源码
下一篇: 计算机毕业设计php+vue基于微信小程序的房屋租赁小程序

继续阅读