前端面试题----DOM测试35

 得分

这个题目8分我5分

重新复习

HTML

  <form id="loginForm" action="/account/login" method="POST">
    <p>账号：<input name="username" required></p>
    <p>密码：<input type="password" name="password" required></p>
    <p><input type='submit' value="登录"></p>
    <!-- <p><input type='button' value="登录" onclick="aa"></p> -->
  </form>

第一问

    document.getElementById('loginForm');  // 方法1：经典的 id 选择器
    document.querySelector('#loginForm');  // 方法2：万能的 querySelector
    document.forms.loginForm;  // 方法3：表单原生方法，还可以写作：document.forms['loginForm']
    loginForm;   // 方法4：标签的 id 可以直接当变量来用

第二问：阻止表单的默认行为

    解1：
    loginForm.addEventListener('submit', function (event) {
      event.preventDefault();
      其他操作...
    });
    其他解
    2.再登录按钮上加 onclick = "return false"阻止默认行为
    3.再from元素上加 onsubmit = "return false"

第三问

    // 最佳解
    // new FormData(loginForm)    // IE10+ 这样可以直接获取
    // 其实我再我写项目的时候是当个获取的 /斜眼笑

第四问

当第一次点击的时候给登录按钮加一个disabled属性让按钮不不可以点击，等到请求成功的时候在把这个按钮的的disabled去除就可以了

1. 一个是直接给元素添加属性，
2. 一个是直接给元素(也是一个对象)添加字段

setAttribute('disabled', '')
或者
loginForm.querySelector('[type="submit"]').disabled = true;

第五问

    // <input name="from" type="hidden" form="loginForm">   // IE10+

 input元素设置form属性值为某一个form的ID后这个input不管在什么地方form获取值都可以，获取到其中input的值

以上就是我对这一次测试的总结