ajax textbox watermark

J'ai développé une page dans laquelle je dois entrer mes courriels et mes mots de passe. Avant de taper, je devrais afficher le texte «entrer votre courriel» dans une zone de texte et entrer le mot de passe dans une autre zone de texte.ajax textbox watermark

Vous trouverez ci-dessous le code pour effectuer l'opération ci-dessus.

<html> 
<head> 
<title>lksdjflk</title> 
<style> 
    .unwatermarked { 
     height:18px; 
     width:148px; 
} 

    .watermarked { 
     height:20px; 
     width:150px; 
     padding:2px 0 0 2px; 
     border:1px solid #BEBEBE; 
     background-color:#F0F8FF; 
     color:Gray; 
} 
</style> 
</head> 
</html> 

<asp:ScriptManager ID="ScriptManager1" runat="server"> 
</asp:ScriptManager> 
<asp:TextBox ID="TextBox1" runat="server" CssClass="unwatermarked"></asp:TextBox> 
<asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server" 
    Enabled="true" TargetControlID="TextBox1" WatermarkCssClass="watermarked"  
    WatermarkText="email-Id"> 
</asp:TextBoxWatermarkExtender> 
</asp:Content>

Si quelqu'un connaît une solution s'il vous plaît laissez-moi savoir dès que possible.

Merci, Avnish

Source

2013-04-02 puneetverma0711

Si vous pouvez utiliser HTML5, vous pouvez tirer profit de [ 'placeholder'] (http : //davidwalsh.name/html5-placeholder) à la place. –

@ XaviLópez - De [la spécification] (http://www.w3.org/TR/html5/forms.html#the-placeholder-attribute): * L'attribut placeholder ne doit pas être utilisé comme alternative à une étiquette. * – Quentin

duplicata possible de [Comment définir des étiquettes à l'intérieur des champs de texte pour le nom d'utilisateur et mot de passe?] (Http://stackoverflow.com/questions/2536491/how-to-set-labels-inside-textfields-for-username-and-password – Quentin

Essayez celui-ci.

<asp:TextBox ID="passwordId" runat="server" 
    placeholder="Please enter UserName"></asp:TextBox> 

<asp:TextBox ID="usernameId" runat="server" 
    placeholder="Please enter password"></asp:TextBox>

Source

2013-04-02 11:44:14 Ranjith

De [la spécification] (http://www.w3.org/TR/html5/forms.html#the-placeholder-attribute): * L'attribut placeholder ne doit pas être utilisé comme alternative à une étiquette. * – Quentin

@ Quentin: S'il vous plaît lire ce qu'il demande. – Ranjith

Il demande un effet visuel particulier. Il existe plusieurs façons de l'atteindre, certaines d'entre elles ne violent pas la spécification HTML et sont moins inaccessibles que cela. – Quentin

vous pouvez utiliser l'espace réservé à cet effet, être mis en garde contre tous les navigateurs (navigateurs précédents) soutiendra, mais il fonctionne dans les navigateurs les plus courants. Visual Studio le signalera également comme une erreur dans le code lol.

<asp:TextBox ID="TextBox1" runat="server" Placeholder="enter some text here" CssClass="unwatermarked"></asp:TextBox>

Vous pouvez également saisir le texte comme une valeur réelle puis utilisez jQuery pour sélectionner tout sur le focus

<asp:TextBox ID="TextBox1" runat="server" value="enter some text here" CssClass="unwatermarked"></asp:TextBox> 

$("#TextBox1").on("click",function() { 
    $(this).select(); 
});

Source

2013-04-02 11:45:24

De [la spécification] (http://www.w3.org/TR/html5/forms.html#the-placeholder-attribute): * L'attribut placeholder ne doit pas être utilisé comme alternative à une étiquette. * – Quentin

Lire la réponse réelle .... Parfois, je me demande pourquoi je perds mon temps ici avec tant de gens qui cliquent sans lire. –

J'ai lu la réponse réelle. Il utilise l'attribut placeholder comme une étiquette. La deuxième version utilise l'attribut value comme un attribut qui est, sans doute, pire. – Quentin

Pour utiliser AjaxControlToolkit vous devez d'abord enregistrer l'assemblage dans web.config ou page individuelle. Pour vous ajouter cas

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="act" %>

en haut de votre page ci-dessous Page directive et utiliser TextBoxWatermarkExtender comme:

<asp:TextBox ID="TextBox1" runat="server" CssClass="unwatermarked"></asp:TextBox> 
     <act:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server" 
      Enabled="true" TargetControlID="TextBox1" WatermarkCssClass="watermarked" WatermarkText="Enter your email id"> 
     </act:TextBoxWatermarkExtender> 
     <br /> 
     <br /> 
     <asp:TextBox ID="TextBox2" runat="server" CssClass="unwatermarked"></asp:TextBox> 
     <act:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender2" runat="server" 
      Enabled="true" TargetControlID="TextBox2" WatermarkCssClass="watermarked" WatermarkText="Enter your password"> 
     </act:TextBoxWatermarkExtender>

Source

2013-04-02 11:53:42

ce code ne fonctionne pas correctement s'il vous plaît donner quelque chose d'autre – puneetverma0711

quel est le problème? –

Ce code provient d'une page de travail ... –

ajax textbox watermark

Répondre

Questions connexes