Bootstrap 3：输入文本字段显示在两行上

Question

对于我的网站，我根据Bootstrap 3制作了一个日期选择器，这样用户就可以显示不同的数据范围。

它背后的js逻辑工作正常，我可以显示预期的数据。

但是，我想在<br>输入中插入choosen_date：

<div class="input-group date_selector">
    <span class="input-group-addon setups_previous" id="basic-addon1"><i class="glyphicon glyphicon-arrow-left"></i></span>
    <input class="form-control choosen_date" 
           value="Choosen date 2018-01-01<br>second line" disabled>
    <span class="input-group-addon setups_next" id="basic-addon1"><i class="glyphicon glyphicon-arrow-right"></i></span>
</div>

...这不起作用，上面的代码显示了简单的html Choosen date 2018-01-01<br>second line

Answer 1

使用textarea并添加物理换行符：

＆＃13;

＆＃13;

<textarea>I am a value
on multiple lines</textarea>

＆＃13;

＆＃13;

＆＃13;

但请确保不要在新行上包含任何恶意标签。