it-swarm.com.ru

Разрывы строк в элементе 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></textarea> предназначены для получения разрывов строк на странице. Однако это также включает отступ в элементе textarea.

например.

example

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

24
Thomas Clayson

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

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

<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>
62
Marcx

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

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

7
derekerdmann

Вы можете использовать <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 />
...
0
Shadow Wizard

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

0
VinnyG

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

0
Confederate 3320

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

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

0
Dave Newton