ajax zone de texte en filigrane

J'ai développé une page où je dois entrer adresse email et le mot de passe ,et avant de taper, il doit afficher "entrez votre e-mail" du texte dans une zone de texte et entrez votre mot de passe" du texte dans une autre zone de texte.

Ci-dessous est 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 sait de toute solution s'il vous plaît laissez-moi savoir dès que possible.

Grâce,
Avnish

Si vous pouvez utiliser HTML5, vous pouvez profiter de la placeholder l'attribut à la place.
À partir de spécifications: L'espace réservé à l'attribut ne doit pas être utilisé comme une alternative à une étiquette.
double possible de Comment définir des étiquettes à l'intérieur d'objets textfield pour le nom d'utilisateur et le mot de passe?
Pas sûr de savoir comment les OP spécifie qu'il veut un label. *avant de taper* il doit afficher "entrez votre e-mail" du texte dans une zone de texte et entrez votre mot de passe" du texte dans une autre zone de texte semble clairement un cas d'utilisation d'un espace réservé pour moi. De toute façon, la question est peut-être pas clair, et peut-être que les OP doivent se prononcer sur cette.
L'exemple de texte implique fortement il.
Je vais vous faire confiance dans celui-ci, après tout, je ne suis pas familier du tout avec l'ASP 😉
Implique et EST sont deux choses totalement différentes, on a besoin d'une hypothèse et non d'une mais de l'OP est en mesure de faire une telle supposition Quentin.

InformationsquelleAutor puneetverma0711 | 2013-04-02

5

Essayer 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>
```
- À partir de spécifications: L'espace réservé à l'attribut ne doit pas être utilisé comme une alternative à l'étiquette.
- Veuillez lire ce qu'il demande.
- Il demande en particulier d'un effet visuel. Il y a différentes façons d'y parvenir, certains d'entre eux ne viole pas la spécification du HTML et sont moins inaccessible alors ce.
- Encore une fois, vous êtes en supposant que l'OP va faire, et non ce qu'il a demandé. L'espace réservé est là pour une raison, de l'affichage de texte à l'utilisateur, c'est que la raison. Ranjith, ni je l'ai dit pour ce faire à la place de l'étiquette, vous êtes downvoting personnes sur la base de VOS hypothèses de l'utilisation des réponses.
InformationsquelleAutor Ranjith
3

vous pouvez utiliser l'espace Réservé pour cela, être averti de ne pas tous les navigateurs (plus tôt navigateurs) va l'appuyer, mais il fonctionne dans la plupart des navigateurs courants. Visual studio permettra également de signaler qu'une erreur dans le code lol.
```
<asp:TextBox ID="TextBox1" runat="server" Placeholder="enter some text here" CssClass="unwatermarked"></asp:TextBox>
```
Vous pouvez également entrer le texte comme une valeur réelle alors utiliser jQuery pour sélectionner tous sur focus
```
    <asp:TextBox ID="TextBox1" runat="server" value="enter some text here" CssClass="unwatermarked"></asp:TextBox>

$("#TextBox1").on("click",function() {
    $(this).select();
});
```
- À partir de spécifications: L'espace réservé à l'attribut ne doit pas être utilisé comme une alternative à l'étiquette.
- Lire la réponse exacte.... Parfois je me demande pourquoi je perds mon temps ici avec beaucoup de gens qui cliquent sans les lire.
- J'ai lu la réponse exacte. Il utilise l'espace réservé attribut comme une étiquette. La deuxième version utilise la valeur de l'attribut que celui qui est sans doute pire.
- Votre choix, soit de répondre à des œuvres, à la fois de travailler dans de nouveaux navigateurs, le second fonctionne dans tous les navigateurs qui peut fonctionner jQuery (lire tous les navigateurs que la matière). Pas partout, c'est parfait pour l'utilisation d'une étiquette et, parfois, la CONCEPTION prend la préséance sur les strictes spécifications de codage. L'OP posé une question à laquelle j'ai répondu valablement. Et PAS d'OÙ ai-je dis que cela ne peut pas être fait AVEC une étiquette......
- Avant de violation de la spécification, de comprendre pourquoi il est là. Avoir des "étiquettes" qui disparaissent lors de concentré n'est pas une bonne idée. Avoir des "étiquettes" qui n'apparaissent pas du tout dans les anciens navigateurs n'est pas une bonne idée. Avoir des "étiquettes" qui ne sont pas lu par les lecteurs d'écran n'est pas une bonne idée (et peut violer locales de personnes handicapées lois contre la discrimination).
- Vous downvoted deux réponses qui vient de répondre à la question. NI a dit de ne pas utiliser une étiquette, ils ont juste répondu à la question. Vous assumer ce que l'OP va faire, et downvote la réponse? Montrez-moi dans mon code où j'ai dit cela à la place de l'étiquetage de l'entrée s'il vous plaît?
- Rick veuillez donner l'exemple avec l'ajax zone de texte en filigrane de contrôle.
InformationsquelleAutor Rick Calder

Afin d'utiliser AjaxControlToolkit vous devez d'abord vous enregistrer assemblée dans le web.config ou dans une page. Pour vous ajouter

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

en haut de votre page ci-dessous Page directive et l'utilisation 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>

ce code ne fonctionne pas correctement s'il vous plaît donner quelque chose d'autre
quel est le problème?
Ce code est pris à partir d'une page...
Ken que le code s'exécute correctement, mais ne pas afficher un message dans la zone de texte au moment de l'exécution.

InformationsquelleAutor Ken Clark

Votre code, il est parfait, la seule erreur, c'est ici:

"asp:TextBoxWatermarkExtender" il devrait être: "ajaxToolkit:TextBoxWatermarkExtender"

Bien sûr, vous devez ouvrir le Gestionnaire de Package Nuget et installer AjaxControllToolkit dans votre projet.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TextBoxWatermark.aspx.cs" Inherits="ControlesAjax2.TextBoxWatermark" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></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>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            <ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender2" runat="server"
                Enabled="true" TargetControlID="TextBox1" WatermarkCssClass="watermarked"
                WatermarkText="email-Id"></ajaxToolkit:TextBoxWatermarkExtender>
        </div>
    </form>
</body>
</html>

Source: http://www.ajaxcontroltoolkit.net/TextBoxWatermark/TextBoxWatermark.aspx

InformationsquelleAutor ricardo130

Vous devez vous connecter pour publier un commentaire.