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

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

javascript jquery html forms

Javascript 如何隐藏表单中的所有输入元素？,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,我试图用以下代码隐藏表单中的输入元素。但它不起作用 <html lang="en"> <head> <title>children demo</title> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <h1>Hello&

我试图用以下代码隐藏表单中的输入元素。但它不起作用

<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>


儿童演示
你好
第一组
第2组
xyz
名字：

姓氏：

$（“div”）.children（“.selected”）.css（“背景色”、“黄色”）；
document.body.style.backgroundColor=“红色”；
$（demo_form.elements）.hide（）；

您的选择器

$（demo_form.elements）.hide（）不正确
要选择表单
中的所有输入
元素，可以使用$（'input'）
选择器
$('form input').hide();

如果要隐藏表单
本身
$('form').hide();

如果要按名称选择表单，则需要使用
$('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();
});


名字：

姓氏：

$（文档）.ready（函数（）{
$（'demo_form input'）.hide（）；
});

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

$（'input[type=“text”]）.hide（）

儿童演示
你好
xyz
名字：

姓氏：

主要应使用css完成：
form.hide-inputs input{
     display: none;
}

并在jquery/JavaScript中添加类隐藏输入
：
$('form').addClass('hide-inputs');

如果要隐藏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();

您错过了jquery选择器中的'
，或者演示名称
是表单
的名称
，而不是类