Как показать макет текстового поля в MVC как текстовое поле, не выпадающий в сторону? - PullRequest
Новая
       33

Как показать макет текстового поля в MVC как текстовое поле, не выпадающий в сторону?

0 голосов
/ 31 августа 2018

Как показать макет текстового поля в 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>

enter image description here

1 Ответ

0 голосов
/ 31 августа 2018

Элемент формы <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".

...