bietet das ist der Inhalt der Schaltfläche, einschließlich aller akzeptablen Hauptinhalte wie Text oder Multimedia-Inhalte. Beispielsweise können wir ein Bild und zugehörigen Text in eine Schaltfläche einfügen und diese verwenden, um ein attraktives Markup-Bild in der Schaltfläche zu erstellen."/> bietet das ist der Inhalt der Schaltfläche, einschließlich aller akzeptablen Hauptinhalte wie Text oder Multimedia-Inhalte. Beispielsweise können wir ein Bild und zugehörigen Text in eine Schaltfläche einfügen und diese verwenden, um ein attraktives Markup-Bild in der Schaltfläche zu erstellen.">

Heim >Web-Frontend >HTML-Tutorial >Der Unterschied und die Vorsichtsmaßnahmen zwischen Schaltfläche und Eingabetyp = Schaltfläche

Der Unterschied und die Vorsichtsmaßnahmen zwischen Schaltfläche und Eingabetyp = Schaltfläche

yulia
yuliaOriginal
2018-09-10 16:01:203836Durchsuche

Browser-Unterstützung

Alle gängigen Browser unterstützen das , 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 value ü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:

Der Unterschied und die Vorsichtsmaßnahmen zwischen Schaltfläche und Eingabetyp = Schaltfläche

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(){ 
$(&#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. Wenn Sie versehentlich das

<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