Disposition du clavier de l'e-mail iPhone avec asp .net TextBox

Question

Vous savez comment les iDevices afficheront une disposition de clavier différente en fonction de la valeur HTML 5 de l'attribut type? Ainsi, <input type="email"... affichera la disposition du clavier électronique de l'iPad. J'utilise un. TextBox mais j'aimerais que les iDevices affichent la disposition de clavier appropriée pour le champ. Mais l'attribut type est remplacé par "text" lorsque le contrôle TextBox est rendu. Des idées?

Answer 1

Pas de solution facile, mais vous pouvez créer un nouveau contrôle comme:

public EnhancedTextBox : TextBox { 
    public Html5Type Html5Type { get; set; } 

    override AddAttributesToRender(HtmlTextWriter writer) { 
      // add attribute according to the selected type in the property 
      // something like 
      writer.AddAttribute("type", "email"); 
      base.AddAttributesToRender(writer); 
    } 
} 

et utiliser à la place d'une zone de texte normale

Answer 2

Il est également possible de mettre en œuvre pour le remplacer par "entrée < runat = 'serveur'/> "

Cependant, un problème de friandise est produite lorsque vous définissez l'entrée < runat 'serveur' = type = 'email' id = 'txtEmail'/> dans le fichier [...] .aspx à l'aide de Visual Studio 2010.

Lors de la création avec type = 'email', Visual Studio supprime une définition de variable d'instance - "protected global :: System.Web.UI.HtmlControls .HtmlInputText txtEmail; " dans le fichier [...]. aspx.designer.cs. Par conséquent, vous devez uniquement définir "< input runat = 'server' id = 'txtEmail'/>" dans [...]. Aspx. Au lieu d'ajouter l'attribut type = 'email' dans [...]. Aspx, vous pouvez fournir un attribut dans le code derrière le fichier comme suit,

txtEmail.Attributes.Add ("type", "email");

Answer 3

Il existe une mise à jour pour .NET Framework 4 qui vous permet de spécifier l'attribut type.

http://support.microsoft.com/kb/2468871.

Voir fonction 3 en bas la page

Feature 3 

New syntax lets you define a TextBox control that is HTML5 compatible. For example, the following code defines a TextBox control that is HTML5 compatible: 

<asp:TextBox runat="server" type="some-HTML5-type" /> 

Answer 4

Je viens de résoudre ce problème avec un adaptateur de commande pour < asp: TextBox >. Ajoutez cette classe quelque part dans votre projet et référencez-la à partir d'un fichier .browser dans App_Browsers. Elle vous permettra de définir le type que vous voulez pour votre contrôle d'entrée.

public class TextBoxControlAdapter : ControlAdapter 
{ 
    protected override void Render(HtmlTextWriter writer) { 
     var textBox = Control as WebControl; 
     if (textBox != null) { 
      var type = textBox.Attributes["type"]; 
      if (!String.IsNullOrEmpty(type)) { 
       writer.AddAttribute("type", type); 
      } 
     } 
     base.Render(writer); 
    } 
} 

Dans App_Browsers \ AdapterMappings.browser (par exemple), ajoutez ceci:

<adapter controlType="System.Web.UI.WebControls.TextBox" adapterType="MyProject.ControlAdapters.TextBoxControlAdapter" /> 

Answer 5

Il y a une solution plus. Malheureusement, tout ce qui précède nécessite un codage étendu, de nouvelles classes, l'installation de KB qui ne se met pas à jour pour l'iPhone OS 3+.

Utilisez cette option si vous souhaitez que votre téléphone pour afficher un clavier numérique pour un contrôle de zone de texte dans ASP.NET: pattern = « [0-9] * »

<asp:textbox runat="server" id="txtNumber" pattern="[0-9]*" />