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>

任何指針？謝謝。

編輯答案
事實證明，問題在於CSS屬性。我使用的模板具有爲display: block屬性分配的所有輸入，這使<input>元素的任何內容都被推下。

創建一個自定義css類與display: inline-block並適當地分配給他們後，我設法得到我想要的結果。

非常感謝您提供的答案，特別是:after屬性和水印屬性。

來源

2012-09-06 ipohfly

您的意思是在文本框中添加水印？ –

對不起，沒有水印，我的意思是像一個強制性的消息，在文本框的右側。 – ipohfly

你可以放置示例代碼...？ –

見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>

使用:after僞元素選擇器可以讓你將文字內容從標記中提取出來（例如，您不必r epeat「*」一遍又一遍）。

您也可以使用相對或絕對定位來調整僞元素內容的位置。例如：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中的文本框後顯示文本/標籤

回答

相關問題