La différence et les précautions entre le bouton et le type d'entrée = bouton-tutoriel HTML-php.cn

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

yulia

Libérer： 2018-09-10 16:01:20

original

3893 Les gens l'ont consulté

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>

Copier après la connexion

2. Insérez par inadvertance la balise