ASP의 텍스트 상자 뒤에 텍스트/레이블 표시

ASPX 페이지에서 양식의 지출을 구성하는 숫자가 <label> 및 <asp:TextBox> 인 간단한 양식이 있습니다.ASP의 텍스트 상자 뒤에 텍스트/레이블 표시

필드가 필수임을 나타내는 텍스트 상자 뒤에 문자열을 추가해야한다는 요구 사항이 있습니다. 필드 뒤에서 <span>, <em> 또는 <div>을 추가하려고했으나 여전히 텍스트 상자의 아래쪽에 메시지가 표시됩니다.

나를 위해 어떤 방법으로 이것을 할 수 있습니까?

편집 : 워터 마크와 마찬가지로 텍스트 상자의 오른쪽을 의미합니다. 내 잘못이야. 샘플 코드에 대한

편집 : 나는 모든 제안을 시도 거라고하지만 여전히 내 코드 문제 또는하지의 여부를 생각하고, 작동하지 않는
. 아래는 나의 코드입니다 :

<label>Telephone No.</label> 
<asp:TextBox ID="txtTelNo" runat="server"></asp:TextBox> 
<span class="afterInput">test</span>

어떤 포인터입니까? 감사. 그것이 나오는 것에 따라
대답에 대한

EDIT 문제는 CSS 속성에있다. 내가 사용한 템플릿은 display: block 속성으로 할당 된 모든 입력을 가지므로 <input> 요소를 푸시 다운 한 후에 아무 것도 만들지 않습니다.

display: inline-block으로 사용자 정의 CSS 클래스를 만들고 적절하게 할당 한 후 원하는 결과를 얻을 수 있습니다.

제공된 대답, 특히 :after 속성과 워터 마크 속성에 대해 감사드립니다.

출처

2012-09-06 ipohfly

당신은 텍스트 상자에 워터 마크를 추가한다는 뜻입니까? –

물 표시가 아까워서, 텍스트 상자의 오른쪽에 의무적 인 메시지가 있다는 뜻입니다. – ipohfly

샘플 코드를 넣을 수 있습니까? ...? –

가 :after 의사 요소 선택기를 사용 http://jsfiddle.net/ekWG9/

.required:after{ 
    content: "*"; 
    color: red; 
} 

<label>A box</label><input type="text" value="Hello" /><span class="required"></span> 

<!-- alternative HTML --> 

<span class="required"><label>A box</label><input type="text" value="Hello" /></span>

를 참조하십시오 당신을 수 있습니다 리터럴 콘텐츠를 마크 업에서 가져 오려면 (예 : r 에피트 "*"반복해서).

:after 의사 요소의 내용 위치를 조정하기 위해 상대 위치 지정 또는 절대 위치 지정을 사용할 수도 있습니다. 예 : http://jsfiddle.net/ekWG9/1/

출처

2012-09-06 05:26:28

텍스트 상자 뒤에서 워터 마크 텍스트를 말하고있는 것 같습니다.

ajaxcontrol 툴킷의 TextBoxWatermark을 사용할 수 있습니다.

구현할 jQuery 대안이 여러 개 있습니다.

html5 also has browser support for watermarks

: 당신은 그 효과에 컨트롤에 속성을 추가 할 수

<input name="q" placeholder="Go to a Website">

. 이 목적을 위해

출처

2012-09-06 05:20:51 nunespascal

그리고 HTML 5'placeholder' 속성 (Chrome, Safari, FF)입니다. –

미안하지만, 필자는 뒤에 텍스트 상자의 오른쪽으로 언급해야합니다. 내가 의미했던 워터 마크가 아니야. – ipohfly

당신은 단지 그것을 텍스트 상자 뒤에 놓을 수 없습니까? –

CSS를 사용 :

이

span.clsRequired { 
    float:left; 
    margin:2px 0 0 3px; 
    color:red; 

}

과 같은 텍스트 상자 전에 스팬 같습니다

<span class="clsRequired ">*</span>

출처

2012-09-06 05:23:36

you should try something like this 

<body> 
    <form id="form1"> 
    <asp:TextBox ID="TextBox1" runat="server"/>&nbsp;<span>Required field</span> 
</form> 
</body>

출처

2012-09-06 05:35:23

ASP의 텍스트 상자 뒤에 텍스트/레이블 표시

답변

관련 문제