Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在页面加载时禁用表单,并在单击按钮时启用_Javascript_Html_Css_Forms - Fatal编程技术网

Javascript 在页面加载时禁用表单,并在单击按钮时启用

Javascript 在页面加载时禁用表单,并在单击按钮时启用,javascript,html,css,forms,Javascript,Html,Css,Forms,我有一个表单,我想在我第一次进入它或者更确切地说在页面加载时禁用它的所有功能。我想在单击按钮后启用它。我正在使用html和angular <form name="form" id="form"> <input type="text"> </form> <button type="button">Enable Form</button> 启用窗体 类型1:只需在每个要禁用的html表单元素中放置disabled 当按钮点击时,启用

我有一个表单,我想在我第一次进入它或者更确切地说在页面加载时禁用它的所有功能。我想在单击按钮后启用它。我正在使用html和angular

<form name="form" id="form">
 <input type="text">
</form>
 <button type="button">Enable Form</button>

启用窗体

类型1:只需在每个要禁用的html表单元素中放置
disabled

当按钮点击时,启用它们

函数init(){
var formArray=document.getElementById(“myform”);
FORMARY.forEach(功能(元素){
console.log(formArray.elements[0].value);
});
}

启用窗体

这就是你要找的吗?




挑选 A. B

对 不
启用窗体

function disableForm(){
 var form = document.getElementById("myForm");
 var elements = form.elements;
 for (var i = 0, len = elements.length; i < len; ++i) {
  elements[i].disabled = true;
 }
}
disableForm();
document.getElementById("enbleForm").addEventListener("click", enableFrm);

function enableFrm(){
 var form = document.getElementById("myForm");
 var elements = form.elements;
for (var i = 0, len = elements.length; i < len; ++i) {
 elements[i].disabled = false;
}
}
函数禁用形式(){
var form=document.getElementById(“myForm”);
var元素=form.elements;
对于(变量i=0,len=elements.length;i
执行以下操作

<form name="form" id="form" style='display:none'>
......
</form
<button type="button" onclick="show()">Enable Form</button>
<script> 
       function show() 
            {           
             document.getElementById('form').style.display="block";
            }
</script>

......

你能提供一个。你的意思是你想禁用它的所有内容吗?@AravindhGopi是的,然后在我单击一个按钮后,它将启用,向我们显示你尝试了什么,但没有成功。
<form name="form" id="form" style='display:none'>
......
</form
<button type="button" onclick="show()">Enable Form</button>
<script> 
       function show() 
            {           
             document.getElementById('form').style.display="block";
            }
</script>