Как добавить переполнение автоматического ввода для ввода типа в html

Как добавить автоматическую полосу прокрутки к типу ввода.Как добавить переполнение автоматического ввода для ввода типа в html

вот мой код.

<div class="email"> 
    <input type="text" class="form-control" name="description" placeholder="description"> 
</div>

источник

2016-08-18 user6728960

type = "text" не может иметь прокручивающую панель, вы имели в виду использовать type = "textarea"? – Roberrrt

, если я даю как textarea, курсор показывает в конце, но курсор должен отображать в правой части, как изменить это. – user6728960

Я не совсем понимаю, чего вы пытаетесь достичь, у вас есть пример? – Roberrrt

Дайте некоторое дополнение к вашему textarea

textarea { 
    resize: none; 
    padding: 1em; 
}

.phone, .email, .name, .description { 
 
    margin-bottom: 4px; 
 
} 
 
.form-control { 
 
    display: block; 
 
    width: 100%; 
 
    height: 34px; 
 
    padding: 6px 12px; 
 
    font-size: 14px; 
 
    line-height: 1.42857143; 
 
    color: #555; 
 
    background-color: #fff; 
 
    background-image: none; 
 
    border: 1px solid #ccc; 
 
    border-radius: 4px; 
 
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 
 
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 
 
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; 
 
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
 
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 
 
} 
 
textarea { 
 
    -webkit-border-radius: 5px; 
 
    -moz-border-radius: 5px; 
 
    border-radius: 5px; 
 
    border: 1px solid #ddd; 
 
} 
 
textarea { 
 
\t resize: none; 
 
\t padding: 1em; 
 
}

<div class="col-md-3 requestfree"> 
 
\t 
 
\t <div class="name"> 
 
\t \t <input type="text" class="form-control" name="name" placeholder="Name"> 
 
\t </div> 
 
\t <div class="name"> 
 
\t \t <input type="text" class="form-control" name="phone" placeholder="Phone"> 
 
\t </div> 
 
\t <div class="email"> 
 
\t \t <input type="email" class="form-control" name="email" placeholder="Email"> 
 
\t </div> 
 
\t <div class="description"> 
 
\t \t <textarea name="description" style="width:25%;overflow:auto;" placeholder="Description"></textarea> 
 
\t </div> 
 
\t 
 
\t <button type="button" class="btn btn-success">Submit</button> 
 
\t 
 
</div>

источник

2016-08-18 13:00:21

Я думаю, вы говорите о полосе прокрутки. Чтобы показать полосу прокрутки с правой стороны. использовать overflow-y:auto;

JSfiddle

источник

2016-08-18 12:50:40 Khurram

не о полосе прокрутки. Я говорю о курсоре, когда мы нажимаем на описание. – user6728960

Вы видите, что если мы нажмем на имя, телефон, начиная с значения placeholder в том же для описания, а также нужно изменить, что – user6728960

@ user6728960 действительно не получают вашу точку здесь –

Используйте этот

<div class="email"> 
    <input type="text" class="form-control" name="description" placeholder="description" style="overflow:auto;"> 
</div>

источник

2016-08-18 12:54:24

переполнение не работает – user6728960

Как добавить переполнение автоматического ввода для ввода типа в html

ответ

Смежные вопросы