Question

使用bootstrap并且无法将输入设置为隐藏。使用

可以轻松地将其设置为隐藏

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>

Answer 1

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

以下是正在运行的示例。

＆＃13;

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

＆＃13;

Answer 2

而不是可见性：隐藏使用display：none

如何将表单输入元素设置为隐藏？

2 个答案: