2012-10-15 3 views
7

I가에서 다음 텍스트 상자 내 View :ASP.NET MVC TextBoxFor 자리 표시 자

enter image description here

자리 표시 자에 대한 코드 :

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

는 질문 :가 어떻게 텍스트를 어떻게해야합니까 RED에서 "필수".

+0

당신이 그것을 위해 필요한 모델 개체 및 사용을 만들 필요가 빈 @의 Html.TextBox이 시도 .. – Umitk

답변

4

텍스트 필드로는이 작업을 수행 할 수 없습니다. HTML5 placeholder 속성의 일부분 만 서식을 제어 할 수는 없습니다. 여러 색상의 텍스트를 만들려면 더 이상 텍스트 필드 나 텍스트 영역을 사용할 수 없습니다. contenteditable="true" 속성이있는 요소를 사용하고 사용자 정의 플러그인을 작성해야합니다. 값을 서버로 전송되도록

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

그러나 이후

은 지금 해당 숨겨진 필드를 백업해야하는 div 요소는 다음과 같습니다

다음은 마크 업을 같이하는 방법 예를 들어입니다 . 또한이 필드의 값이 변경되면 숨겨진 필드 값을 다시 동기화해야합니다. 그것은 많은 일이 될 것입니다. 모델

+1

이것은 완전히 사실이 아닙니다. CSS를 사용하여 자리 표시 자 스타일을 지정할 수 있습니다 (일부 브라우저에서). http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css ... – nemesv

+1

@nemesv, 네, 괜찮습니다.하지만 자리 표시 자 텍스트의 일부만 스타일을 지정하려고합니다. 그 문제를 해결하기 위해 내 대답을 업데이트했습니다. –

+0

음. 그건 내가 생각하기에 너무 많은 일이다. – Subby

1

[필수]

public string AddressLine1{ get; set; } 

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

@Html.TextBox("CustomarName" ,null, new { @class = "form-control" , @placeholder = "Search With Customar Name" })