如何隐藏表单中的所有输入元素？

我想用下面的代码隐藏我的表单中的输入元素。但它不起作用...如何隐藏表单中的所有输入元素？

<html lang="en"> 
    <head> 
     <title>children demo</title> 
     <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
    </head> 
    <body> 
     <h1>Hello</h1> 
     <div> 
     <h1 class="selected">div-1</h1> 
     <h1 class="selected">div-2</h1> 
     </div> 
     <h1>xyz</h1> 
     <form name= "demo form"> 
     First name:<input type="text" name="fname"><br> 
     Last name: <input type="text" name="lname"><br> 
     <input type="submit" value="submit"> 
     <script> 
     $("div").children(".selected").css("background-color", "yellow"); 
     document.body.style.backgroundColor = "red"; 
     $(demo_form.elements).hide(); 
     </script> 
    </body> 
</html>

来源

2015-09-15 Priyanka Maurya

$（ '输入'）隐藏（）; – guradio

你错过了jquery选择器中的'''' –

您的选择器$(demo_form.elements).hide();不正确。

要选择所有form内input元素，可如果你想隐藏form本身使用$('input')选择

$('form input').hide();

，

$('form').hide();

来源

2015-09-15 04:31:31 Tushar

如果你想选择的形式名称，您需要使用类似

$('form[name=demo form]')

我会建议在要隐藏的表单上使用id。

<form id="demo-form" name="demo form"> 
    First name:<input type="text" name="fname"><br> 
    Last name: <input type="text" name="lname"><br> 
    <input type="submit" value="submit"> 
</form> 

$(document).ready(function() { 
    $('#demo_form input').hide(); 
});

注：

检查语法
不要忘记关闭表单元素

来源

2015-09-15 04:37:28

$('input[type="text"]').hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<html lang="en"> 
 
    <head> 
 
     <title>children demo</title> 
 
    </head> 
 
    <body> 
 
    <h1>Hello</h1> 
 
    
 
    <h1>xyz</h1> 
 

 
    <form name= "demo form"> 
 
    First name:<input type="text" name="fname"><br> 
 
    Last name: <input type="text" name="lname"><br> 
 
    <input type="submit" value="submit"> 
 

 
    </body> 
 
    </html>

您使用demo_form但没有类demo_form应该使用像

$('input[type="text"]').hide();

你可以在这里看到一个例子

来源

2015-09-15 04:40:14

'demo name'是'form'的'name'而不是_class_ – Tushar

主要是它应该用做CSS：

form.hide-inputs input{ 
    display: none; 
}

并在jquery/JavaScript中添加类hide-inputs：

$('form').addClass('hide-inputs');

来源

2015-09-15 04:48:29

如果你想隐藏与ID的格式/单元内的所有元素“formId”使用下列内容：（相应地更改标签名称，使其工作在任何你想要的）

最好有CSS：

form#formId input{ 
    display: none; 
}

使用jQuery：

$("form#formId input").hide();

如果要隐藏特定类型的输入，例如说 “文本” 使用下列内容：

。个

用css：

form#formId input[type='input']{ 
     display: none; 
    }

使用jQuery：

$("form#formId input[type='text']").hide();

来源

2015-09-15 05:59:57 Swaprks

如何隐藏表单中的所有输入元素？

回答

相关问题