web-dev-qa-db-ja.com

textarea要素の改行

これはPURE HTMLです。 （WebビューでHTMLを使用するC＃アプリケーションの背景を知りたい場合は、PHPなどは使用しません）。

すべての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

この問題を取り除く唯一の方法は、インデントを取り除くことです。それは世界の終わりではありませんが、ニースのフォーマットを維持する別の方法がありますか？ありがとう。

htmlcssinternet-explorertextarea
26
Thomas Clayson

&#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>
65
Marcx

問題に対する純粋なHTMLソリューションはありません。テキストエリアのコンテンツには常に空白が表示されます。

完璧な世界では、CSSプロパティwhite-space;残念ながら、テキストエリアにも適用されません。

7
derekerdmann

contenteditable属性で<div>を使用できます。

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

しかし、あなたの場合、アイデアの解決策は、毎日1つずつ、いくつかの通常のテキストボックスを使用することだと思います：

Monday: <input type="text" name="familyPlanningClinicSessionsClinicTimesMonday" /><br />
Tuesday: <input type="text" name="familyPlanningClinicSessionsClinicTimesTuesday" /><br />
...
1
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