2015-04-06 79 views
-1

使用引導並且不能將輸入設置爲隱藏。它可以很容易地設置爲隱藏與JS使用如何將表單輸入元素設置爲隱藏?

document.getElementById("inputCommentsBrand").style.visibility = "hidden"; 

但我希望它被默認隱藏。

<div class="form-group"> 
     <label for="inputComments" class="col-sm-2 control-label">Markings</label> 
     <div class="col-sm-4"> 
      <div><input hidden type="text" class="form-control" id="inputCommentsBrand" name="inputFlags[]" placeholder="Brand and Location: Sbar RH"></div> 
      <div><input type="text" class="form-control" id="inputCommentsEarTag" name="inputFlags[]" placeholder="Ear Tag Color & #: Green 165"></input></div> 
     </div> 
    </div> 

回答

0

使用<body onload="myFunction()">隱藏字段。

以下是運行示例。

<script> 
 
function myFunction() { 
 
    document.getElementById("inputCommentsBrand").style.visibility = "hidden"; 
 
} 
 
</script> 
 

 
<html> 
 
    
 
<body onload="myFunction()"> 
 

 
    <div class="form-group"> 
 
     <label for="inputComments" class="col-sm-2 control-label">Markings</label> 
 
     <div class="col-sm-4"> 
 
      <div><input type="text" class="form-control" id="inputCommentsBrand" name="inputFlags[]" placeholder="Brand and Location: Sbar RH"></div> 
 
      <div><input type="text" class="form-control" id="inputCommentsEarTag" name="inputFlags[]" placeholder="Ear Tag Color & #: Green 165"></input></div> 
 
     </div> 
 
    </div> 
 

 
</body> 
 
</html>

-1

相反能見度:隱藏 使用顯示:無