Разрывы строк в элементе textarea

Это ЧИСТЫЙ HTML. (без php или чего-то в этом роде, если вы хотите знать фон, это приложение C # с HTML в веб-представлении).

Все мои HTML-файлы красиво отформатированы и имеют правильный отступ для удобства сопровождения и тому подобного.

Вот отрывок:

<tr>
    <td class="label">Clinic Times:</td>
    <td><textarea name="familyPlanningClinicSessionsClinicTimes">Monday:
    Tuesday:
    Wednesday:
    Thursday:
    Friday:
    Saturday:
    Sunday:</textarea></td>
</tr>

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

например.

example

Единственный способ, которым я могу решить эту проблему, - это убрать отступ. Это не конец света, но есть ли другой способ сохранить красивое форматирование? Спасибо.

26
задан István 20 June 2017 в 09:29
поделиться

3 ответа

Для вашей проблемы не существует чисто HTML-решения. Текстовые области всегда отображают любые пробелы в их содержимом.

В идеальном мире вы сможете воспользоваться свойством CSS white-space; к сожалению, это также не относится к текстовым областям.

7
ответ дан 28 November 2019 в 06:33
поделиться

Не-а; текстовая область будет выплевывать все, что у нее есть на самом деле.

Вы можете добавить значение из JavaScript, но это кажется большой работой для изолированной вещи.

0
ответ дан 28 November 2019 в 06:33
поделиться

Если вы просто хотите получить список элементов, вы можете использовать <ul> <li>"Monday"</li> <li>"Tuesday"</li> ... </ul>
Использование <ul><li></li></ul> запустит предварительно отформатированный список с <ul>, начиная список и <li> начиная каждый элемент в списке. Этот метод не требует никаких java или css и автоматически делает отступ.

0
ответ дан 28 November 2019 в 06:33
поделиться