Изменить макет текстового поля HTML

#html #css

#HTML #css

Вопрос:

Привет, я хотел бы знать, как изменить текстовое поле в HTML на просто строку, а не на поле, потому что я пытаюсь сделать веб-страницу похожей на форму PDF, и для аккуратного внешнего вида я хотел бы изменить дизайн текстового поля на просто длинную строку, чтобы пользователь мог вводить своиимя или что-то еще, что поле требует от него..

1. Вы можете сделать это только с помощью CSS, вам не нужен javascript.

2. Оформите его с помощью CSS. Однако имейте в виду, что слишком резкое изменение внешнего вида входных данных формы может серьезно нарушить ожидания пользователей.

3. @JamesBlack — Я думаю, что в OP есть <input type="text" /> элемент. Сначала я думал, что это <textarea> тоже, но я так не думаю.

4. чтобы уточнить, что вы ищете, это ввод, который выглядит примерно как NAME:______________, правильно?

Ответ №1:

Вероятно, вам понадобится более конкретный селектор, но это должно стать разумной отправной точкой:

 input { 
    border-style: none;
    border-bottom: solid black 1px;
}

Ответ №2:

Вы имеете в виду отображать a <textarea> как an <input type="text"> ?

В html, я полагаю, с помощью <textarea cols="" rows="1"> или с помощью CSS-стиля width и height элемента

Ответ №3:

Для отдельных строк ввода я бы использовал a <input type="text" /> , который на самом деле является значением по умолчанию type и может быть сокращен до just <input /> (я предполагаю, что в этих примерах используется xhtml).