如何隱藏表單中的所有輸入元素？

我想用下面的代碼隱藏我的表單中的輸入元素。但它不起作用...如何隱藏表單中的所有輸入元素？

<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

如何隱藏表單中的所有輸入元素？

回答

相關問題