textarea的rows属性与Firefox中的行数不匹配.例如:
<textarea rows=4 cols=40>
1
2
3
4
this line is visible in FF
</textarea>
Run Code Online (Sandbox Code Playgroud)
示例:http://jsfiddle.net/Z7zXs/6/
我该如何解决这个问题?textarea应该只显示4行(而不是5行)rows=4.
使用cols和row调整textarea的大小和使用高度和宽度调整textarea的大小有什么区别?
<textarea id="TextArea1" cols="73" rows="12">with cols rows</textarea>
<textarea id="TextArea2" style="height:200px; width:600px";>with CSS</textarea>
Run Code Online (Sandbox Code Playgroud)
在指定HTML textarea的维度时,什么是最佳做法?只使用cols/rows(我认为html严格4.01是强制性的)或使用css属性指定宽度和高度?甚至设置cols/rows的有效性,然后使用css覆盖实际大小?
我设计了一种表格,其中连续有两个项目,如下所示:
我的输出
我使用的代码:
<div class="row">
<div class="col-sm-3"> <!-- [1, 0] -->
<fieldset class="form-group">
<label id="fieldTitle">Equipment Length</label>
<select id="selectOption" class="form-control" required data-error="Please select Equipment Length"></select>
<div class="help-block with-errors"></div>
</fieldset>
</div>
<div class="col-sm-9"> <!-- [1, 1] -->
<fieldset class="form-group">
<label id="fieldTitle">Customer Notes</label>
<textarea class="form-control" placeholder="Please write customer notes" ng-model="myTextarea" required data-error="Please enter customer notes"></textarea>
<div class="help-block with-errors"> {{myTextarea}} </div>
</fieldset>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
所以,请像我一样指导我如何增加文本区域的高度