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 à ce qui suit : Mauvaise utilisation :
1. Obtenez la valeur de buttonvalue via $('#customBtn').val. ()
dans IE Lorsqu'elle est utilisée de cette manière sous (noyau IE), la valeur obtenue est "bouton", et non "test". Sous non-IE, la valeur obtenue 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 :
Vous pouvez le vérifier en testant le code suivant
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<scripttype="text/javascript"src="jquery-1.4.4.min.js"></script>
<scripttype="text/javascript">
$(function(){
$('#test1').click(function(){
alert($('#customBtn').attr('value'));
});
$('#test2').click(function(){
alert($('#customBtn').val());
});
});
</script>
</head>
<body>
<buttonid="customBtn"value="test">按钮</button>
<inputtype="button"id="test1"value="getattr"/>
<inputtype="button"id="test2"value="getval"/>
</body>
</html>
2. Insérez par inadvertance la balise vous cliquez sur Ce bouton devient une soumission, ce qui équivaut à
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
<html>
<body>
<formaction="">
<button>button</button>
<inputtype="submit"value="inputsubmit"/>
<inputtype="button"value="inputbutton"/>
</form>
</body>
</html>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!