<input class="easyui-textbox" type="text" name="emails" style="width: 200px; display:none;" id="emailId"> 这样设置后,input框不隐藏
时间: 2023-07-19 22:40:24 浏览: 138
如果设置`display:none;`后仍然不隐藏,可能是因为该input框上方或下方的元素占据了其位置,导致其仍然可见。你可以尝试添加`visibility:hidden;`或`opacity:0;`来隐藏该input框,代码如下:
```
<input class="easyui-textbox" type="text" name="emails" style="width: 200px; visibility:hidden;" id="emailId">
```
或
```
<input class="easyui-textbox" type="text" name="emails" style="width: 200px; opacity:0;" id="emailId">
```
这样应该可以让该input框隐藏起来了。
相关问题
<div id="updEm" class="easyui-dialog" style="width: 400px; height: 250px; padding: 10px;" closed="true" buttons="#updButtons"> <div class="email-item"> <input class="easyui-textbox" type="text" name="emails" style="width: 200px;display: none" id="emailId"> 邮箱地址:<input class="easyui-textbox" type="text" name="emails" style="width: 200px;" id="emailInput"> </div> </div> 这段代码中,如何隐藏第一个input框?
您可以设置第一个 input 框的 `display` 样式为 `none`,即可隐藏它。可以在该元素的 HTML 标签中添加 `style="display: none;"` 属性,或者使用 jQuery 的 `hide()` 方法隐藏它。以下是两种方法的示例代码:
1. 在 HTML 标签中添加 `style="display: none;"` 属性:
```
<div class="email-item">
<input class="easyui-textbox" type="text" name="emails" style="width: 200px; display: none;" id="emailId">
邮箱地址:<input class="easyui-textbox" type="text" name="emails" style="width: 200px;" id="emailInput">
</div>
```
2. 使用 jQuery 的 `hide()` 方法:
```
$('#emailId').hide();
```
以上两种方法均可实现隐藏第一个 input 框。
<input class="easyui-textbox" type="text" name="emails" style="width: 200px;" id="emailId"> 前端隐藏这个input框
您的问题是前端如何隐藏一个input框,是吗?可以设置该input框的display属性为none,或者将其放置在一个display属性为none的父元素中。例如:
```
<div style="display: none;">
<input class="easyui-textbox" type="text" name="emails" style="width: 200px;" id="emailId">
</div>
```
阅读全文