Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > Der Unterschied und die Vorsichtsmaßnahmen zwischen Schaltfläche und Eingabetyp=button_HTML/Xhtml_Webseitenproduktion

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

WBOY
Freigeben： 2016-05-16 16:40:38
Original
2316 Leute haben es durchsucht
value über $('#customBtn').val()
So funktioniert es unter IE (IE-Kernel). Der Wert wird erhalten, wenn Die Verwendung ist „Schaltfläche“, nicht „Test“. Der unter Nicht-IE erhaltene Wert ist „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:

Browser/Value

$('#customBtn').val()

$('#customBtn').attr('value')

Firefox13.0

test

test

Chrome15.0

test

test

Opera11.61

test

test

Safari5.1.4

test

test

IE9.0

按钮

按钮

Überprüfen Sie dies, indem Sie den folgenden Code testen

Kopieren Sie den Code
Der Code lautet wie folgt:


;scripttype="text/javascript"src="jquery-1.4.4.min.js"> {
$('#test1').click(function(){
alert($('#customBtn').attr('value'));
}); '# test2').click(function(){
alert($('#customBtn').val());
});

按钮 inputtype= "button"id="test1"value="getattr"/>
🎜>


2. Fügen Sie versehentlich das Tag
ein. inputtype= "submit"/> Sehen Sie sich den zweiten rot markierten Satz oben an, um zu verstehen, was er bedeutet.
Behandeln Sie das


Der Code lautet wie folgt:



🎜>
Verwandte Etiketten：
button input type
Quelle：php.cn
Vorheriger Artikel：Einführung in die Verwendung des http-equiv-Attributs bei der Erstellung von Meta-Tags_HTML/Xhtml_Webseiten Nächster Artikel：Verstehen Sie den Rendering-Prozess von HTML-Seiten als Vorbereitung für das Erlernen der Front-End-Leistungsoptimierung (Fortsetzung)_HTML/Xhtml_Webseitenproduktion
Erklärung dieser Website
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Erstellen Sie einen Hover-Effekt, der die Menüschaltfläche mit einer schattierten Klonversion in eine X-Form umwandelt Zunächst möchte ich zugeben, dass mein Titel verwirrend ist, und das tut mir leid. Was ich...
Aus 2024-04-04 11:55:21
0
2
315
Fehler beim Einfügen der API-Funktion für Zwischenablagedaten in Javascript. Nicht abgefangener TypeError: Eigenschaften von undefiniert können nicht gelesen werden (liest „getData'). Der HTML-Schaltflächencode lautet wie folgt: Ich habe die einfache Onclick-Funktion auf de...
Aus 2024-04-04 10:23:52
0
1
335
React MUI: Problem bei der Wertauswahl und fehlender Standardwert Ich erstelle ein Formular in React mit Mui und Formik. Bei der Verwendung von „select“ leg...
Aus 2024-04-04 08:32:56
0
1
420
Im JSX-Modul importiertes React-CSS wird nicht angewendet Ich importiere meine CSS-Datei wie folgt: importstylesfrom "./Documentation.module.cs...
Aus 2024-04-03 18:41:07
0
1
365
Dynamisches Additionsproblem mit Platzmangel zwischen Elementen Ich habe die folgende Vorlage in meinem Markup. <templateid="unsequenced-template&...
Aus 2024-04-02 16:51:12
0
1
315
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage