La différence et les précautions entre le bouton et le type d'entrée = production de pages bouton_HTML/Xhtml_Web

Balise
Définition et utilisation La balise

À l'intérieur de l'élément bouton, vous pouvez placer du contenu, tel que du texte ou des images. C'est la différence entre cet élément et le bouton créé à l'aide de l'élément input. Le contrôle
offre des fonctions plus puissantes et un contenu plus riche que le . Tout ce qui se trouve entre les balises et correspond au contenu du bouton, y compris tout contenu de corps acceptable, tel que du texte ou du contenu multimédia. Par exemple, nous pouvons inclure une image et le texte associé dans un bouton et les utiliser pour créer une image de balisage attrayante dans le bouton.
Le seul élément interdit est le mappage d'images, car ses actions sensibles à la souris et au clavier interfèrent avec le comportement des boutons du formulaire.
Spécifiez toujours l'attribut type pour les boutons. Le type par défaut dans Internet Explorer est « bouton », tandis que le type par défaut dans d'autres navigateurs (y compris la spécification du W3C) est « soumettre ».
Prise en charge des navigateurs
Tous les principaux navigateurs prennent en charge la balise
Important  : Si vous utilisez l'élément bouton dans un formulaire HTML, différents navigateurs soumettront des valeurs différentes. Internet Explorer soumettra le texte entre et , tandis que les autres navigateurs soumettront le contenu de l'attribut value. Veuillez utiliser des éléments de saisie dans les formulaires HTML pour créer des boutons.
Remarques
Lors de l'utilisation de la balise , il est facile de la prendre pour acquise et de l'utiliser comme , ce qui peut facilement conduire au utilisations incorrectes suivantes :
1. Récupérer la valeur du boutonvalue via $('#customBtn').val()
Voici comment cela fonctionne sous IE (noyau IE) La valeur obtenue lorsque son utilisation est "bouton", pas "test". La valeur obtenue sous non-IE est "test". Soyez attentif à la première phrase marquée en rouge ci-dessus.
Cela doit être distingué de .
Grâce à ces deux méthodes, $('#customBtn').val(), $('#customBtn').attr('value') obtient la valeur dans différents navigateurs, comme suit :

Browser/Value	$('#customBtn').val()	$('#customBtn').attr('value')
Firefox13.0	test	test
Chrome15.0	test	test
Opera11.61	test	test
Safari5.1.4	test	test
IE9.0	按钮	按钮

Vérifiez cela en testant le code ci-dessous

Copiez le code

Le code est le suivant :

;scripttype ="text/javascript"src="jquery-1.4.4.min.js">
{
$('#test1').click(function(){
alert($('#customBtn').attr('value'));
});
$( '# test2').click(function(){
alert($('#customBtn').val());
});



按钮 inputtype= "button"id="test1"value="getattr"/>
🎜>


2. Mettez par inadvertance la balise dans la balise

inputtype= "submit"/>
Voir la deuxième phrase marquée en rouge ci-dessus pour comprendre ce que cela signifie.
Ne traitez pas la balise

comme un élément d'entrée dans .
Vérifiez cela en testant le code ci-dessous

Copiez le code

Le code est le suivant :

=" inputsubmit"/>

🎜>