0

ASPXページに、フォームの支出を構成する多くのペアリングを含む単純なフォームがあり<label>ます<asp:TextBox>。

フィールドが必須であることを示すために、テキストボックスの後ろに文字列を追加する必要があります。<span>フィールドの後に、、、<em>またはaを追加しようとし<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提供された回答、特に属性と透かし属性に感謝します。

4

4 に答える 4

2

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すると、マークアップからリテラルコンテンツを取り除くことができます（たとえば、「*」を何度も繰り返す必要はありません）。

相対位置または絶対位置を使用して、:after疑似要素のコンテンツの場所を微調整することもできます。例： http： //jsfiddle.net/ekWG9/1/

于 2012-09-06T05:26:28.957 に答える
1

テキストボックスの後ろで、透かしテキストについて話しているようです。

ajaxcontrolツールキットのTextBoxWatermarkを使用できます。

それを実装するためのjQueryの代替手段もいくつかあります。

html5は透かしのブラウザサポートも持っています：

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

その効果に属性をコントロールに追加することができます。

于 2012-09-06T05:20:51.387 に答える
0

この目的のためにcssを使用します。

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

}

また、テキストボックスの前のスパンは次のようになります。

<span class="clsRequired ">*</span>
于 2012-09-06T05:23:36.720 に答える
0 
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-06T05:35:23.990 に答える