jQuery Form mobile

jQuery Mobile ajoutera automatiquement automatiquement le style à des formulaires HTML, les rendre plus attrayant, plus convivial au toucher.

jQuery Form mobile Structure

jQuery Mobile à utiliser CSS à des éléments de formulaire HTML de style pour les rendre plus attrayant et plus facile à utiliser.

Dans jQuery Mobile, vous pouvez utiliser les contrôles de formulaire suivants:

• zone de saisie de texte
• Recherche boîte d'entrée
• Bouton radio
• Checkbox
• Sélectionnez Menu
• curseur
• L'interrupteur à bascule

Lors de l'utilisation sous forme jQuery Mobile, vous devez savoir:

• <Form> élément doit avoir une méthode et un attribut d'action
• Chaque élément de formulaire doit avoir un attribut unique "id". id doit être unique sur toutes les pages à travers le site. En effet, le mécanisme jQuery Mobile seule page de navigation est présentée de telle sorte qu'une pluralité de différentes pages en même temps
• Chaque élément de formulaire doit avoir une étiquette. Onglet Paramètres pour les propriétés pour correspondre à l'élément id

Pour masquer l'étiquette, utilisez la classe ui-hidden-accessible. Ceci est souvent utilisé lorsque vous êtes les attributs de l'élément en tant que balise d'espace réservé:

Astuce: Nous pouvons utiliser les données-clear-btn = "true " attribut pour ajouter un bouton pour effacer le contenu de la boîte d'entrée (un X icône à la droite de la zone d'entrée):

	bouton Effacer dans la zone de saisie <input> est utilisé, mais pas dans le <textarea> dans. boîte de Search data-clear-btn La valeur par défaut est "true", vous pouvez utiliser les données-clear-btn = "false" pour supprimer l'icône.

jQuery Mobile Forms icon

Former le code du bouton est le standard HTML <input> élément (bouton reset, soumettre). Ils seront automatiquement styles de rendu, en adaptant automatiquement les périphériques mobiles sur le bureau:

Si vous devez ajouter des styles supplémentaires <input> bouton, vous pouvez utiliser le tableau ci-dessous * attributs de données:

Container Champ

Pour faire des étiquettes et des éléments de formulaire regarder plus approprié pour écran large, s'il vous plaît ou <fieldset> élément entourant l'élément label / formulaire est utilisé avec "ui-champ contient" class <div>:

	ui-champ contient des classes basées sur la largeur de la page pour ajouter des styles pour les étiquettes et les contrôles de formulaire. Lorsque la largeur de la page est supérieure à 480px, il sera automatiquement placer l'étiquette et la forme de contrôle sur la même ligne. Lorsque la largeur de la page est inférieure à 480px, l'étiquette sera placée sur le dessus des éléments de formulaire.

Astuce: Pour éviter jQuery Mobile ajouter automatiquement des éléments cliquables de style, l' utilisation data-role = "none" attribut:

	jQuery Mobile dans la soumission du formulaire jQuery Mobile géré automatiquement par AJAX la soumission du formulaire, et le serveur d'intégration tente de répondre au DOM de l'application.