根据Bootstrap中的内容更改输入字段的高度

huangapple go评论80阅读模式
英文:

Change input field height based on the content inside in Bootstrap

问题

我正在尝试将内容适应到Bootstrap输入字段中,但它甚至没有绑定。请找到需要根据内容大小增加高度的代码行。

<input type="text" autocomplete="off" class="form-control" 
name="typeOfOwnership"  
[(ngModel)]="newJson?.basicDetails.typeOfOwnership[0].typeOfOwnershipName" 
readonly>

根据Bootstrap中的内容更改输入字段的高度

英文:

I am trying to fit content inside the bootstrap input field and it is not even binding. Please find the code line in which I need to adjust height as the content size increases.

&lt;input type=&quot;text&quot; autocomplete=&quot;off&quot; class=&quot;form-control&quot; 
name=&quot;typeOfOwnership&quot;  
[(ngModel)]=&quot;newJson?.basicDetails.typeOfOwnership[0].typeOfOwnershipName&quot; 
readonly&gt;

根据Bootstrap中的内容更改输入字段的高度

答案1

得分: 2

当您的内容较多时,应使用文本区域

尝试使用这个

<textarea [(ngModel)]="newJson?.basicDetails.typeOfOwnership[0].typeOfOwnershipName" readonly></textarea>
英文:

When your content is bigger, you should be using a Textarea instead.

try using this

&lt;textarea [(ngModel)]=&quot;newJson?.basicDetails.typeOfOwnership[0].typeOfOwnershipName&quot; readonly&gt;&lt;/textarea&gt;

huangapple
  • 本文由 发表于 2020年1月3日 17:31:20
  • 转载请务必保留本文链接:https://go.coder-hub.com/59576042.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定