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

Это PURE HTML. (нет php или что-то в этом роде, если вы хотите знать, что это приложение С# с HTML в веб-представлении).

Все мои HTML файлы хорошо отформатированы и правильно отшлифованы для ремонтопригодности и т.д.

Вот выдержка:

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

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

например.

example

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

Ответы

Ответ 1

Вы можете использовать &#10; (это означает новую строку в html), но, возможно, это не красивое форматирование, как вы сказали...

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

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

Ответ 2

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

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

Ответ 3

Вы можете использовать <div> с атрибутом contenteditable:

<div contenteditable="true" style="width: 450px; height: 300px; white-space: pre-line;" name="familyPlanningClinicSessionsClinicTimes">Monday:
                            Tuesday:
                            Wednesday:
                            Thursday:
                            Friday:
                            Saturday:
                            Sunday:</div>

Но в вашем случае я думаю, что решение идеи будет просто использовать несколько обычных текстовых полей, по одному для каждого дня:

Monday: <input type="text" name="familyPlanningClinicSessionsClinicTimesMonday" /><br />
Tuesday: <input type="text" name="familyPlanningClinicSessionsClinicTimesTuesday" /><br />
...

Ответ 4

Неа; текстовое поле вернет все, что на самом деле имеет.

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

Ответ 5

В С#, если вы хотите отправить новую строку в текстовое поле, вы можете использовать Environment.NewLine

Ответ 6

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

Ответ 7

Попробуйте < br/ > если это хорошо для вас:

Monday:<br/>Tuesday:<br/>...