, le contrôle 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 contrôle 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.">

Maison >interface Web >tutoriel HTML >La différence et les précautions entre le bouton et le type d'entrée = bouton

La différence et les précautions entre le bouton et le type d'entrée = bouton

yulia
yuliaoriginal
2018-09-10 16:01:203811parcourir

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

Remarques

Lors de l'utilisation de la balise value 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 :

La différence et les précautions entre le bouton et le type dentrée = bouton

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(){ 
$(&#39;#test1&#39;).click(function(){ 
alert($(&#39;#customBtn&#39;).attr(&#39;value&#39;)); 
}); 
$(&#39;#test2&#39;).click(function(){ 
alert($(&#39;#customBtn&#39;).val()); 
}); 
}); 
</script> 
</head> 
<body> 
<buttonid="customBtn"value="test">&#x6309;&#x94AE;</button> 
<inputtype="button"id="test1"value="getattr"/> 
<inputtype="button"id="test2"value="getval"/> 
</body> 
</html>

2. Insérez par inadvertance la balise

<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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn