表单

禁用表单

避免多次提交表单可以在第一次点击后禁用表单

let form=document.getElementById("myForm");
form.addEventListener("submit",(event)=>{
    let target=event.target;
    //取得提交按钮
    let btn=target.elements["submit-btn"];
    //禁用提交按钮
    btn.disabled=true;
})

focus()

把焦点设置到表单字段,这意味着该字段会变成活动字段并可以响应键盘事件,autofocus()会自动为带有该属性的元素设置焦点

let form=document.getElementById("myForm");
window.addEventListener("load",(event)=>{
     let element=form.elements[0];
     if(element.autofocus!==true){
         element.focus();
         console.log("JS focus");
     }
 })

表单的公共事件