表单元素的属性 | 易学教程

表单元素的属性

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <input type="button" value="按钮" id="btn">
  <input type="button" value="设置文本框的值" id="btn1">

  <br>
  <input type="text"  id="txt" value='123'>
  <script>
    // 获取元素
    var btn = document.getElementById('btn');
    // 注册事件
    btn.onclick = function () {
      var txt = document.getElementById('txt');
      console.log(txt.value);
      console.log(txt.type);
      // 当html中的标签的属性，只有一个值的时候
      // DOM中对应的元素的属性值是布尔类型
      console.log(txt.disabled);
      txt.disabled = true;
    }

    var btn1 = document.getElementById('btn1');
    btn1.onclick = function () {
      var txt = document.getElementById('txt');
      // 设置文本框中的内容
      txt.value = 'hello world';
    }
  </script>
</body>
</html>

来源：https://www.cnblogs.com/jiumen/p/11399844.html

标签

html表单

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!