Il est difficile de styliser des entrées de soumission sans utiliser d'images ni de javascript.
Comme je sais qu'il n'y a aucun moyen d'insérer du code HTML directement dans la valeur d'entrée Sumbit. Et si j'enveloppe la saisie d'une entrée dans un élément div (par exemple pour ajouter plusieurs frontières), la zone entière ne sera pas cliquée. P>
un clic sur une étiquette provoque la soumission du formulaire
3 Réponses :
Si le problème consiste à mettre du code HTML à l'intérieur de votre bouton, vous devez utiliser mais pour répondre à votre question sur le
Il est difficile de choisir des entrées de soumission sans utiliser d'images ni de javascript. P>
Il est très facile de styler des entrées sans utiliser JavaScript ou images. P>
Utilisation de CSS - Style pour tous les boutons Soumettre -
Entrée [Type = Soumettre]
ou utilisez une classe
INPUT.SUBMIT-BTN CODE> Appliqué à des éléments spécifiques P>
Vous pouvez styler la couleur, la bordure, la position, le remplissage, la position, le poids de la police, les gradients, les ombres de goutte. Nombre d'effets utilisant CSS. .. P>
Touche Sexy Voila - P>
input[type=submit] { padding:4px; color: #fff; margin-top: 10px; background-color: #e96000; border: none; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6900), to(#e96000)); background: -moz-linear-gradient(25% 75% 90deg, #e96000, #ff6900); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
-WebKit ne fonctionne pas dans IE et Opera. Et vous ne pouvez pas ajouter plus d'une bordure de chaque côté.
Eh bien, mon point est que c'est plutôt facile de styler un bouton d'envoi à l'aide de CSS, mais vous êtes bien correct
Selon Le W3C sur les étiquettes associées : P>
L'élément d'étiquette n'est pas utilisé pour ce qui suit car les étiquettes de ces éléments sont fournies via l'attribut Valeur (pour les boutons de soumission et de réinitialisation), l'attribut alt (pour les boutons d'image) ou le contenu de l'élément lui-même (bouton). p> blockQuote>
Merci à
@jeremiah Isaacson code> pour pointer cela. p>
Ancienne réponse forte> p> Oui, cela fonctionnera. Je ne peux pas valider le comportement sur tous les navigateurs, mais voici ce que W3C Spec doit dire : p>
Associer une étiquette avec une autre Contrôler implicitement, le contrôle L'élément doit être dans le contenu de l'élément d'étiquette ... quand une étiquette élément reçoit la mise au point, il passe la Concentrez-vous sur son contrôle associé. P> blockQuote>
Donc, je suppose en cliquant sur l'étiquette, vous cliquez essentiellement sur l'entrée Soumettre. P>
Merci à @stevelove em> pour souligner la faisabilité de cela. P>
Qu'est-ce qui fait
Cela dit, si l'idée est d'envelopper le bouton dans l'élément Extra <étiquette> code> code> pour ajouter un balisage pour des choses comme plusieurs frontières (comme le dit OP), je pense toujours que le balisage devrait être Enveloppé dans un
"L'élément d'étiquette n'est pas utilisé pour ce qui suit car les étiquettes pour ces éléments sont fournies via l'attribut Valeur (pour les boutons de soumission et de réinitialisation), l'attribut alt (pour les boutons d'image) ou le contenu de l'élément lui-même (bouton)." Source: w3.org/tr/wcag20-techs/h44.htmlled/a >