asp.net-mvc - ASP.NETMVCTextBoxForプレースホルダー

Question

次のテキストボックスがありますView：

プレースホルダーのコード：

@Html.TextBoxFor(m => m.Listing.Location.AddressLine1, new {@placeholder="Address Line 1 - Required"})

質問：テキストを赤で「必須」にするにはどうすればよいですか。

Answer 1

テキストフィールドではこれを行うことはできません。placeholderHTML5属性の一部のみのフォーマットを制御することはできません。言うまでもなく、マルチカラーテキストを作成する場合は、テキストフィールドまたはテキストエリアを使用できなくなります。属性を持つ要素を使用してcontenteditable="true"、カスタムプラグインを作成する必要があります。

たとえば、マークアップは次のようになります。

<div contenteditable="true">
    Address Line 1 - <span style="color: red">Required</span>;
</div>

ただし、これはdiv要素であるため、値がサーバーに送信されるように、対応する非表示フィールドを使用してバックアップする必要があります。また、このフィールドの値が変更された場合は、非表示のフィールドの値も再同期する必要があります。大変な作業になります。