如何将MVC中的文本框布局显示为文本框而无需在侧面下拉?
在附加的屏幕截图中,我们有下拉布局。它必须是纯文本框。
<div class="form-group">
<div class="col-sm-5 control-label">
<label class="hthin">ExceriseTimes</label>
</div>
<div class="col-sm-1">
<textarea id="ExceriseTimes" asp-for="ExceriseTimes" style="height:25px;" class="form-control" type="text"></textarea>
</div>
</div>
该<textarea>
表单元素不具备type
的属性,它属于<input>
。如果你想要一个普通的单行文本框,只需使用<input>
带有type="text"
属性的标签:
<input id="ExerciseTimes" asp-for="ExerciseTimes" style="height:25px;" class="form-control"
type="text" />
但是,如果您想要<textarea>
没有滚动条的固定大小元素(在示例图像中看起来像微调器),请同时使用 CSS 样式overflow:hidden
& resize:none
:
<textarea id="ExerciseTimes" asp-for="ExerciseTimes" style="height:25px;" class="form-control"
style="overflow:hidden;resize:none"></textarea>
注意:您可以应用包含上述两种样式的其他 CSS 类(例如noscrollbar
)并将其附加为class="form-control noscrollbar"
.
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句