Как создать прокручиваемое текстовое поле?

В настоящее время сайт имеет следующий класс css, который предназначен для использования в примечаниях (более длинных текстах) в форме.Как создать прокручиваемое текстовое поле?

.scrollabletextbox { 
    height:100px; 
    width:200px; 
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
    font-size: 82%; 
    overflow:scroll; 
}

Размер коробок и другого регистратора стиля правильно, но текст начинается вертикально по центру и никогда не прерывается. Единственный способ полностью просмотреть текст - переместить курсор влево/вправо.

Форма использует следующий HTML (с небольшим количеством PHP) для реализации в большом текстовом поле

<input type="text" class="scrollabletextbox" name="note" value="<?php echo $note; ?>">

Спасибо заранее за любую помощь.

источник

2013-08-13 aray12

использование 'textarea' вместо' ввода типа = "текст" ' – Wilq

Попробуйте заменить input type="text" с textarea теге.

Изменить код:

<textarea class="scrollabletextbox" name="note"> 
    <?php echo $note; ?> 
</textarea>

Он посылает данные так же, как обычный input тег, так что вы можете получить данные из него тех же методов.

Read more info about textarea tag

источник

2013-08-13 23:57:34 Wilq

Спасибо. Я попытался изменить его на type- "textarea", но не понял, что textarea - это тег. Это сработало, но мне все равно нужно проверить, как это влияет на изменения формы. – aray12

@ user1775222 рад помочь, если вы имеете в виду * как это влияет на изменения * на то, как 'textarea' отправляет данные, он работает так же, как и обычный ввод, поэтому вы можете получить его значение GET/POST с именем тега. – Wilq

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

<textarea class="scrollabletextbox" name="note"><?php echo $note; ?></textarea>

JSFIDDLE:http://jsfiddle.net/rJy94/

источник

2013-08-13 23:57:20

Как создать прокручиваемое текстовое поле?

ответ

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