テキストを表示するテキストボックスを使いたい。
例:Someone@example.com。ユーザーがそれをクリックすると、テキストボックスがクリアされ、ユーザーが入力できるようになります。
新しいブラウザで作業している場合はplaceholder
、HTML 5 で新しく追加されたプロパティを使用できます
<asp:TextBox ID="textBox1" runat="server" placeholder="Someone@exmaple.com"></asp:TextBox>
それ以外の場合は、ここでonfocus
説明されているように、onblur
イベントを使用してこれを行うこともできます
あなたはこれを使うことができます、とても簡単です
<input class="status" type="text" size="5" placeholder="started" />
プレースホルダーは、必要なテキストを表示します
それがあなたを助けることを願っています!
このように使用できます
<TextBox ID="txtone" runat="server" tooltip="Enter comments"
onblur="if(this.value=='') this.value='Someone@exmaple.com';"
onfocus="if(this.value == 'Someone@exmaple.com') this.value='';"
Text="Someone@exmaple.com"></TextBox>
次のことができます。
それが役立つことを願っています
クロスブラウザ互換バージョンが必要な場合は、この ajax を使用できます。
<ajaxToolkit:TextBoxWatermarkExtender ID="EmailClear" runat="server" TargetControlID="EmailAddress" WatermarkText="Someone@example.com" />
これを各フィールドの下に追加するだけです。
サーバーコントロールでこれを試してください:
<asp:TextBox ID="textBox1" runat="server" placeholder="Someone@exmaple.com"></asp:TextBox>
HTML コントロールの場合:
<input Type="Text" ID="textBox1" placeholder="Someone@exmaple.com" />