Normalerweise in HTML/CSS, wenn Sie einem Textfeld Platzhaltertext hinzufügen möchten, führen Sie einfach Folgendes aus:
<input type="text" class="input-class" placeholder="Please enter your email"/>
Da ich jedoch den vorhandenen Code verwende, der für ein Anmeldefenster in Visual Studio MVC 4 bereitgestellt wird, gilt Folgendes:
/Views/Account/Login.cshtml
Dies ist der C # -Code, der derzeit die Eingaben rendert:
@Html.TextBoxFor(m => m.Email, new { @class = "form-input" })
@Html.ValidationMessageFor(m => m.Email, "", new { @class = "text-danger" })
@Html.PasswordFor(m => m.Password, new { @class = "form-input" })
@Html.ValidationMessageFor(m => m.Password, "", new { @class = "text-danger" })
Wie fügen Sie diesem Code in C # Platzhaltertext hinzu? Ich habe das versucht:
@Html.TextBoxFor(m => m.Email, placeholder ="Email" new { @class = "form-input" })
Und unterstrichen wurde "Platzhalter" in roter Schrift und der Ausdruck "Der Name" Platzhalter "ist im aktuellen Kontext nicht vorhanden".
Verwenden Sie eine Überladung von TextBoxFor()
mit einem htmlAttributes
-Argument. Dieses Argument sollte ein anonymes Objekt mit den Attributen all sein, die Sie der Eingabe zuweisen möchten.
Wenn Sie beispielsweise die Attribute placeholder
und class
festlegen möchten:
@Html.TextBoxFor( m => m.Email, new { placeholder = "Email", @class = "form-input" } )
Versuchen Sie folgendes
Dieser Code wurde getestet und funktioniert
@Html.TextBox("CustomarName" ,null, new { @class = "form-control" , @placeholder = "Search With Customar Name" })
Ich hoffe es hilft dir
Es gibt einen Parameter, der objecthtmlattributes ist. Sie können dort jedes HTML-Eingabeattribut setzen
Beispiel:
@Html.TextBox("Model binding here" , new { @class="form-controll" , @placeholder="Enter email"})
Versuche dies:
@Html.TextBoxFor(m => m.Email, new { placeholder = "Email" })
Für Eingabefeld
@Html.TextBoxFor( m => m.Email, new { placeholder = "Your email id" })
Für Textbereich
@Html.TextAreaFor(m => m.Description, new { placeholder = "Please add description here" })