Browser-Unterstützung
Alle gängigen Browser unterstützen das
Wichtig: Wenn Sie das Button-Element in einem HTML-Formular verwenden, übermitteln verschiedene Browser unterschiedliche Werte. Internet Explorer übermittelt den Text zwischen und , während andere Browser den Inhalt des Wertattributs übermitteln. Bitte verwenden Sie Eingabeelemente in HTML-Formularen, um Schaltflächen zu erstellen.
Notizen
Bei Verwendung des -Tags ist es leicht, es als selbstverständlich zu betrachten und es als zu verwenden. was leicht zu Folgendem führen kann: Falsche Verwendung:
1. Ermitteln Sie den Wert von buttonvalue über $('#customBtn').val ()
im IE Bei dieser Verwendung unter (IE-Kernel) ist der erhaltene Wert „button“ und nicht „test“. Unter Nicht-IE ist der erhaltene Wert „test“. Beachten Sie den ersten rot markierten Satz oben.
Dies sollte von unterschieden werden.
Durch diese beiden Methoden erhält $('#customBtn').val(), $('#customBtn').attr('value') den Wert in verschiedenen Browsern wie folgt:
Sie können dies überprüfen, indem Sie den folgenden Code testen
<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. Wenn Sie versehentlich das -Tag einfügen, werden Sie feststellen, dass Sie auf diese Schaltfläche klicken Es wird zu einer Übermittlung, was entspricht.
Siehe den zweiten rot markierten Satz oben, um zu verstehen, was er bedeutet. Behandeln Sie das -Tag nicht als Eingabeelement in
<html>
<body>
<formaction="">
<button>button</button>
<inputtype="submit"value="inputsubmit"/>
<inputtype="button"value="inputbutton"/>
</form>
</body>
</html>
Das obige ist der detaillierte Inhalt vonDer Unterschied und die Vorsichtsmaßnahmen zwischen Schaltfläche und Eingabetyp = Schaltfläche. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme:Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn