Inhalte rund um Formulare in HTML

Neues Attribut	Persönliches Verständnis
Formular	Vor HTML5 mussten untergeordnete Elemente im Formular in Tags platziert werden. Jetzt können Sie das Formular-Tag für das Tag angeben Kommentar: Diese Funktion löst einige Probleme, auf die wir in der Praxis gestoßen sind. Wenn iframe beispielsweise den asynchronen Bild-Upload simuliert, muss das Bild außerhalb des Formulars geschrieben werden.
Formation formmethod	Dieses Attribut wird für Schaltflächen (Senden) verwendet, um die Seite zum Senden des Formulars durch Schaltflächen steuerbar zu machen formmethod gibt die Übermittlungsmethode jeder Schaltfläche an
Placehoder	Dieses Attribut ist sehr nützlich, um Eingabeaufforderungsinformationen im Textfeld anzuzeigen.
Liste	Das Listenattribut muss zusammen mit der Datenliste verwendet werden, die einem Textfeld entspricht und eine Auswahl simuliert. Es ist ein sehr geeignetes Attribut
Autofokus	Wird für Textfelder verwendet, um sich aktiv auf nützliche Dinge zu konzentrieren
Eingabeattribut zur kostenlosen Verifizierung hinzufügen, das von verschiedenen Browsern nicht unterstützt wird
Tel.	Für Telefonanrufe
URL	Bestätigungs-URL
E-Mail	E-Mail-Adresse bestätigen
Datum/Uhrzeit	Überprüfung des Datumstyps, ein Plug-in zur Datumsauswahl wird angezeigt. . .
Nummer	kann nur Zahlen sein
Bereich	Kontrollnummernbereich
Farbe	Farbauswahl, was für eine tolle Sache. . .

HTML5 hat viele formbezogene Attribute hinzugefügt. Um ehrlich zu sein, sind diese Dinge wirklich durchdacht! ! ! Weitgehend:

Völlig freie Formularvalidierung

Wenn Sie das Kompatibilitätsproblem nicht berücksichtigt haben, würde ich gerne sofort eingreifen, aber wenn Sie erst einmal über das Kompatibilitätsproblem nachdenken, werden Sie große Kopfschmerzen haben! ! !

Denn etwas, das ursprünglich gut war, wird aus historischen Gründen unsere Arbeitsbelastung erhöhen! ! !

Wenn er das Richtige zur falschen Zeit tut, sieht er richtig aus und hat tatsächlich Recht. . . Aber Sie werden feststellen, dass er falsch liegt. . . .

Seitenelemente verbessern

项目	个人理解
figure/figcaption	据说表示页面独立内容，移除后无影响，暂无发现用处..
details	该标签有点意思，用于替代js中，元素收起展开功能。最新ff都不支持……个人觉得，既然提供了该标签应该提供属性表示上下展开或者左右展开；
mark	高亮显示，当真语义化
progress	屌丝们，可以告别gif图片了，也不用div模拟百分比了，与windows区域一致的进度条出现啦，异步文件上传更加完善！
改良ol	老夫就没有用过这个主。。。
……

Projekt Persönliches Verständnis Abbildung/Bildunterschrift Es wird gesagt, dass es den unabhängigen Inhalt der Seite darstellt. Es wurde noch keine Verwendung gefunden. Details Dieses Tag ist etwas interessant. Es wird verwendet, um die Funktion zum Zusammenklappen und Erweitern von Elementen in js zu ersetzen. Das neueste FF unterstützt es nicht ... Da dieses Tag bereitgestellt wird, sollten Attribute bereitgestellt werden, um die Erweiterung nach oben und unten oder nach links und rechts anzuzeigen markieren Hervorgehoben, wirklich semantisch Fortschritt Diamanten, Sie können sich von GIF-Bildern verabschieden und müssen keine Divs verwenden, um Prozentsätze zu simulieren. Es wird ein Fortschrittsbalken angezeigt, der mit dem Windows-Bereich übereinstimmt, und das Hochladen von asynchronen Dateien ist perfekter! Verbesserte Ol Ich habe diesen Master noch nie benutzt. . . ……

Die oben genannten Elemente sind entbehrliche Elemente und es besteht keine Notwendigkeit, auf Details einzugehen. Als nächstes erscheint der Star dieses Artikels:

Datei-API

FileList und Dateiobjekt:

In HTML4 können Sie mit dem Datei-Tag nur eine Datei auswählen, in HTML5 können Sie jedoch nach dem Festlegen des Mehrfachattributs für das Datei-Tag mehrere Dateien auswählen! ! !

Nach der Auswahl wird hier das Dateilistenobjekt erstellt, bei dem es sich um eine Liste von Objekten handelt, die aus Dateien bestehen. Einfach ausgedrückt handelt es sich um ein Dateiarray.

Das Dateiobjekt verfügt über zwei Attribute: Name stellt den Dateinamen dar (ohne Pfad) und lastModifiedDate stellt den Zeitpunkt der letzten Änderung dar

Tatsächlich können wir beim Bearbeiten von Dateien in HTML4 viele lokale Attribute wie die Dateigröße abrufen, aber der böse IE unterstützt dies nicht und hat sich nach IE9 verbessert.

Wenn Sie also vom Client aufgefordert werden, eine zu große Datei hochzuladen, geben Sie bitte auf. . .

Blob-Objekt

stellt binäre Rohdaten dar und bietet eine Slice-Methode für den Zugriff auf Byte-interne Rohdaten. Die Größe stellt die Bytelänge des Blob-Objekts dar, der Typ stellt seinen Mime-Typ dar und wenn der Typ unbekannt ist, wird eine leere Zeichenfolge zurückgegeben.

Komm schon, mach ein einfaches Experiment:

Kopiere den Code

Der Code lautet wie folgt:

Über Datei

</title> ;<br /> <script src="../jquery-1.7.1.js" type="text/javascript"></script><br> <script type="text/javascript"> <br> $ (document).ready(function () {<br> $('#wl').click(function () {<br> var f = $('#file')[0];<br> <br> var s = '';<br> <br> });<br> });<br> </script><br> </head><br> <body><br> <input type="file" id="file" multiple /><br> <button id="wl"><br> Datei hochladen</button><br> </body><br> < /html><br> </div> <br> <p>Nachdem wir das Bild in ff ausgewählt haben, senden Sie es ab, setzen Sie einen Haltepunkt und werfen Sie einen Blick darauf: </p> <p><img alt="" src="http://files.jb51.net/file_images/article/201304/2013042415535523.jpg"></p> <p>Der Protagonist der Datei erscheint, er ist es. Lassen Sie uns seine Attribute ausgeben, um zu sehen: </p> <p><img alt="" src="http://files.jb51.net/file_images/article/201304/2013042415535524.jpg"></p> <p>Es hat wirklich alles! Mit dieser Immobilie können Sie jedoch viel anfangen. . . Werfen wir einen Blick auf ie7 und 8: </p> <p><img alt="" src="http://files.jb51.net/file_images/article/201304/2013042415535525.jpg"></p> <p>Liebe Zuschauer, ich habe dieses Attribut überhaupt nicht, daher ist alles vielseitig. . . </p> <p><strong>Übrigens finde ich es sehr mühsam, den IE-Browser zu debuggen. Haben Sie gute IE-Entwicklungs-Plug-Ins, wie den Firebug von ff oder das Google-eigene Plug-In? ? </strong></p> <p> </p> <p><strong>FIleReader-Schnittstelle</strong> </p> <p>Die Filereader-Schnittstelle kann Dateien in den Speicher einlesen. Damit können wir Bilder bequem in der Vorschau anzeigen, aber ihr Nutzen geht darüber hinaus. </p> <p><strong>Vier Methoden des Dateilesens: </strong></p> <p>readAsBinaryString liest die Datei als Binärcode – normalerweise übergeben wir die Daten an das Backend; </p>readAsText liest die Datei als Text – liest den Textinhalt; <p>readAsURL liest die Datei als DataURL – normalerweise eine kleine Datei, ein Bild oder eine HTML-Datei </p>Abbruch unterbricht das Lesen, da die Datei zu groß ist und die Wartezeit sehr lang ist<p> </p> <p> </p> <p>Filereader-Schnittstellenereignis: </p> <p> <strong>Onabort-Lese-Interrupt-Trigger </strong> </p>Ein Fehler wird ausgelöst, wenn das Lesen fehlschlägt <p>onloadstart wird ausgelöst, wenn der Lesevorgang beginnt </p> <p>onprogress wird geladen</p> <p>onload wird ausgelöst, wenn das Lesen erfolgreich ist </p> <p>onloadend wird ausgelöst, nachdem der Lesevorgang abgeschlossen ist, unabhängig von Erfolg oder Misserfolg </p> <p>Reden ohne Übung reicht nicht aus, lass uns hier ein kleines Experiment machen: </p> <p></p> <p><br><br>Kopiere den Code</p> <div class="msgheader"><div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode5'));">Der Code ist wie folgt:<u><div class="msgborder" id="phpcode5"> <br>Ich bin ein kleines Experiment <br> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/ DTD/xhtml1-transitional.dtd"><br> <html xmlns="http://www.w3.org/1999/xhtml"><br> <head><br> <title>< ;/title><br> <script src="../jquery-1.7.1.js" type="text/javascript"></script><br> <script type="text/javascript "><br> $(document).ready(function () {<br> var bt = $('#wl');<br> var file = $('#file');<br> var type = $('#type');<br> var result = $('#result');<br> <br> var func = {};<br> func.readAsDataURL = function (file) {<br> //Überprüfen, ob es sich um ein Bild handelt<br> if (!/image/w /.test(file.type)) {<br> warning('non-image format');<br> return false;<br> }<br> var reader = new FileReader();<br> reader.readAsDataURL(file);<br> reader.onload = function (e) {<br> result.html('<img src="' this .result ' "/>');<br> }<br> }<br> <br> func.readAsBinaryString = function (file) {<br> <br> var reader = new FileReader();<br> reader.readAsBinaryString (file);<br> reader.onload = function (e) {<br> result.html(this.result);<br> }<br> }<br> <br> func.readAsText = function (file) {<br> <br> var reader = new FileReader();<br> reader.readAsText(file);<br> reader.onload = function (e) {<br> result.html(this.result );<br> }<br> }<br> <br> bt.click(function () {<br> if (func[type.val()] && typeof func[type.val()] == ' function') {<br> func[type.val()](file[0].files[0]);<br> }<br> });<br> <br> });<br> < ;/script> ;<br> </head><br> <body><br> <div id="result"><br> </div><br> <input type="file " id= "file" multiple /><br> <select id="type"><br> <option value="readAsDataURL">readAsDataURL</option><br> <option value=" readAsBinaryString"> ;readAsBinaryString</option><br> <option value="readAsText">readAsText</option><br> </select><br> <button id="wl"><br> Datei lesen</button><br> <br> </body><br> </html><br> </div> <br> </u><p>Verwenden Sie den neuesten Browser, um es auszuprobieren! </p> <p>Lassen Sie uns noch einmal ein Urteil fällen und uns die Reihenfolge der Ereignisausführung ansehen: </p> <p> 　　 reader.onload = Funktion (e) {<br> alert('onprogress'); reader.onerror = reader.onloadstart = function (e) {<br> > <br><br>Spezifische Anwendung hier: <br><br><br><br> <br><br><br><br><br><br>Code kopieren</p> <p><strong>Der Code lautet wie folgt:<br><div class="msgborder" id="phpcode6"> <br> 简单图片上传 <br> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br> <html xmlns="http://www.w3.org/1999/xhtml"><br> <head><br> <title>

Drag Tatsächlich habe ich vor dem Einfügen der API auch ein Drag-and-Drop-Plug-In mit jquery geschrieben. .

Einige Dinge, auf die ich bei der Arbeit gestoßen bin [Popup-Fenster] [Drag & Drop] [asynchroner Datei-Upload]

Aber die Integration in HTML5 ist sicherlich besser! ! ! Werfen wir jetzt einen Blick auf dieses Zeug. . . Und seine Leistung besteht nicht nur darin, den Browser zu ziehen, was erstaunlich ist (zum Hochladen das Bild ziehen)

In HTML5 können Bilder und Links standardmäßig per Drag & Drop verschoben werden. Andere Elemente müssen per Drag & Drop auf „draggable="true" gesetzt werden. Ich werde es sofort versuchen.

Code kopieren

Der Code lautet wie folgt:

拖放的例子

< /title><br> <br> </head><br> <body><br> <div id="dragme" draggable="true" style=" width: 200px; border: 1px solid grey; ">请拖放</div><br> <div id="text" style=" width: 200px height: 200px; border: 1px solid grey;"></div><br> <script type="text/javascript"><br> document.ondragover = function (e) {<br> e.preventDefault();<br> };<br> document.ondrop = function (e) { <br> e.preventDefault();<br> };<br> <br> var source = document.getElementById('dragme');<br> var dest = document.getElementById('text');<br> source.addEventListener('dragstart', function (e) {<br> var dt = e.dataTransfer;<br> dt.setData('text/plain', '您好' new Date());<br> } , false);<br> <br> dest.addEventListener('dragend', function (e) {<br> e.preventDefault();<br> }, false);<br> <br> dest.addEventListener( 'drop', Funktion (e) {<br> var dt = e.dataTransfer;<br> var text = dt.getData('text/plain');<br> dest.innerHTML = text;<br> e. stopPropagation();<br> e.preventDefault();<br> return false;<br> }, false);<br> <br> </script><br> </body><br> < ;/html><br> </div> <p><img alt="" src="http://files.jb51.net/file_images/article/201304/2013042415535527.jpg"></p> <p>拖放时候一定要记住，阻止页面默认行为，否则会打开新窗口的，其中以下亦是重点：</p> <p>1 拖放可使用DataTransfer传递数据,该对象是非常有用的,因为在拖动目标元素时,可能会经过其它元素，我们可以用此传递信息；</p> <p><strong>API:</strong></p> <p>Dragstart <span style="COLOR: #ff0000">被拖放元素</span> 开始拖放时</p> <p>Ziehen Sie <span style="COLOR: #ff0000">被拖放元素</span> 拖放过程中</p> <p>dragenter <span style="COLOR: #ff0000">拖放过程中鼠标经过的元素</span> 被拖放元素开始进入本元素时</p> <p>Dragover <span style="COLOR: #ff0000">拖放过程中鼠标经过的元素</span> 本元素内移动</p> <p>drageleave <span style="COLOR: #ff0000">拖放过程中鼠标经过的元素</span> 离开本元素</p> <p>drop <span style="COLOR: #ff0000">拖放的目标元素 <span style="COLOR: #000000">拖动的元素放到了本元素中</span></span></p> <p>dragend 拖放的对象拖放结束</p> <p>其实这里是有问题的, 我并未去深入研究从开始拖动到经过各种元素会产生神马情况，这个可以作为二次学习时的重点研究对象.</p> <p><strong>结语 </strong></p> <p>html5虽然不懂，虽然见过，但是还是感觉很厉害的样子！ </p></span> </div></div></span></div></div> </td> </tbody> </table> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>Verwandte Etiketten：</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/de/search?word=表单验证" target="_blank">表单验证</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">Quelle：php.cn</div> </div> <div class="wzconOtherwz"> <a href="http://www.php.cn/de/faq/6315.html" title="HTML5-Zeichnungsbilder (Teil 1): Probleme mit dem Canvas-Element, die die nächste Generation von Webseiten leiten_html5-Tutorial-Fähigkeiten"> <span>Vorheriger Artikel：HTML5-Zeichnungsbilder (Teil 1): Probleme mit dem Canvas-Element, die die nächste Generation von Webseiten leiten_html5-Tutorial-Fähigkeiten</span> </a> <a href="http://www.php.cn/de/faq/6319.html" title="Der Hauptteilcode der Nachahmung von Kugou HTML5 Mobile Music Player_html5 Tutorial-Fähigkeiten"> <span>Nächster Artikel：Der Hauptteilcode der Nachahmung von Kugou HTML5 Mobile Music Player_html5 Tutorial-Fähigkeiten</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">Erklärung dieser Website</div> <div>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</div> </div> <div class="wwads-cn wwads-horizontal" data-id="156" style="max-width:955px"></div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Neueste Artikel des Autors</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/1796639331.html">Was ist eine NullPointerException und wie behebe ich sie?</a> </div> <div>2024-10-22 09:46:29</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/1796629482.html">Vom Anfänger zum Programmierer: Ihre Reise beginnt mit C-Grundlagen</a> </div> <div>2024-10-13 13:53:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/1796628545.html">Webentwicklung mit PHP freischalten: Ein Leitfaden für Anfänger</a> </div> <div>2024-10-12 12:15:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/1796627928.html">C entmystifizieren: Ein klarer und einfacher Weg für neue Programmierer</a> </div> <div>2024-10-11 22:47:31</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/1796627806.html">Entfalten Sie Ihr Programmierpotenzial: C-Programmierung für absolute Anfänger</a> </div> <div>2024-10-11 19:36:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/1796627670.html">Entfesseln Sie Ihren inneren Programmierer: C für absolute Anfänger</a> </div> <div>2024-10-11 15:50:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/1796627643.html">Automatisieren Sie Ihr Leben mit C: Skripte und Tools für Anfänger</a> </div> <div>2024-10-11 15:07:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/1796627620.html">PHP leicht gemacht: Ihre ersten Schritte in der Webentwicklung</a> </div> <div>2024-10-11 14:21:21</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/1796627574.html">Erstellen Sie alles mit Python: Ein Leitfaden für Anfänger, um Ihrer Kreativität freien Lauf zu lassen</a> </div> <div>2024-10-11 12:59:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="http://www.php.cn/de/faq/1796627539.html">Der Schlüssel zum Programmieren: Die Leistungsfähigkeit von Python für Anfänger freischalten</a> </div> <div>2024-10-11 12:17:31</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Aktuelle Ausgaben</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/de/wenda/176392.html" target="_blank" title="Regulärer Ausdruck zum Abgleichen von Wörtern" class="wdcdcTitle">Regulärer Ausdruck zum Abgleichen von Wörtern</a> <a href="http://www.php.cn/de/wenda/176392.html" class="wdcdcCons">Ich habe ein Skript, in dem ich versuche, neue Jobnamen mit vorhandenen Jobnamen in einer ...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-06 21:24:04</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>606</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/de/wenda/176379.html" target="_blank" title="Berechnen Sie die Summe der Felder in einer anderen Tabelle mithilfe einer MySQL-SQL-Abfrage" class="wdcdcTitle">Berechnen Sie die Summe der Felder in einer anderen Tabelle mithilfe einer MySQL-SQL-Abfrage</a> <a href="http://www.php.cn/de/wenda/176379.html" class="wdcdcCons">Ich habe ein Schema wie dieses: Benutzertabelle mit den Attributen „user_id“ und „username...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-06 19:39:29</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>441</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/de/wenda/176353.html" target="_blank" title="Ungültiges untergeordnetes React-Element (gefunden: Objekt mit Schlüssel {clientVersion}). Wenn Sie eine Sammlung untergeordneter Elemente rendern möchten, verwenden Sie stattdessen ein Array" class="wdcdcTitle">Ungültiges untergeordnetes React-Element (gefunden: Objekt mit Schlüssel {clientVersion}). Wenn Sie eine Sammlung untergeordneter Elemente rendern möchten, verwenden Sie stattdessen ein Array</a> <a href="http://www.php.cn/de/wenda/176353.html" class="wdcdcCons">Ich habe ein mehrstufiges Formular und wenn ich versuche, es abzusenden, wird dieser Fehle...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-06 16:25:39</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>346</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/de/wenda/176343.html" target="_blank" title="Formular ohne Schaltfläche mit Javascript/Jquery senden" class="wdcdcTitle">Formular ohne Schaltfläche mit Javascript/Jquery senden</a> <a href="http://www.php.cn/de/wenda/176343.html" class="wdcdcCons">Ich versuche, ein Formular ohne Schaltfläche zu senden, indem ich eine JavaScript-Funktion...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-06 14:54:03</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>2</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>421</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="http://www.php.cn/de/wenda/176336.html" target="_blank" title="Erstellen Sie Benutzer in Vue mit Firebase, keine Anmeldung erforderlich" class="wdcdcTitle">Erstellen Sie Benutzer in Vue mit Firebase, keine Anmeldung erforderlich</a> <a href="http://www.php.cn/de/wenda/176336.html" class="wdcdcCons">Ich habe ein Formular zum Erstellen von Benutzerprofilen erstellt. Aber wann immer ich ein...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 2024-04-06 14:20:12</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>514</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>verwandte Themen</div> <a href="http://www.php.cn/de/faq/zt" target="_blank">Mehr> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/de/faq/postgresqlml"><img src="https://img.php.cn/upload/subject/202407/22/2024072213465037417.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Was sind die am häufigsten verwendeten Befehle in Postgresql?" /> </a> <a target="_blank" href="http://www.php.cn/de/faq/postgresqlml" class="title-a-spanl" title="Was sind die am häufigsten verwendeten Befehle in Postgresql?"><span>Was sind die am häufigsten verwendeten Befehle in Postgresql?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/de/faq/parentnodeyf"><img src="https://img.php.cn/upload/subject/202407/22/2024072214072048150.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Verwendung des übergeordneten Knotens" /> </a> <a target="_blank" href="http://www.php.cn/de/faq/parentnodeyf" class="title-a-spanl" title="Verwendung des übergeordneten Knotens"><span>Verwendung des übergeordneten Knotens</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/de/faq/oraclesjkhfff"><img src="https://img.php.cn/upload/subject/202407/22/2024072212092993415.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Oracle-Datenbankwiederherstellungsmethode" /> </a> <a target="_blank" href="http://www.php.cn/de/faq/oraclesjkhfff" class="title-a-spanl" title="Oracle-Datenbankwiederherstellungsmethode"><span>Oracle-Datenbankwiederherstellungsmethode</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/de/faq/mysqljcyszmx"><img src="https://img.php.cn/upload/subject/202407/22/2024072214043676394.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So schreiben Sie MySQL-Prüfeinschränkungen" /> </a> <a target="_blank" href="http://www.php.cn/de/faq/mysqljcyszmx" class="title-a-spanl" title="So schreiben Sie MySQL-Prüfeinschränkungen"><span>So schreiben Sie MySQL-Prüfeinschränkungen</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/de/faq/oracleinsert"><img src="https://img.php.cn/upload/subject/202407/22/2024072213400487342.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Verwendung von Oracle-Einsätzen" /> </a> <a target="_blank" href="http://www.php.cn/de/faq/oracleinsert" class="title-a-spanl" title="Verwendung von Oracle-Einsätzen"><span>Verwendung von Oracle-Einsätzen</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/de/faq/cnulldqb"><img src="https://img.php.cn/upload/subject/202407/22/2024072214050783807.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Der Unterschied zwischen null und NULL in der C-Sprache" /> </a> <a target="_blank" href="http://www.php.cn/de/faq/cnulldqb" class="title-a-spanl" title="Der Unterschied zwischen null und NULL in der C-Sprache"><span>Der Unterschied zwischen null und NULL in der C-Sprache</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/de/faq/gnmfdchatgptd"><img src="https://img.php.cn/upload/subject/202407/22/2024072213550695579.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Inländische kostenlose ChatGPT-Enzyklopädie" /> </a> <a target="_blank" href="http://www.php.cn/de/faq/gnmfdchatgptd" class="title-a-spanl" title="Inländische kostenlose ChatGPT-Enzyklopädie"><span>Inländische kostenlose ChatGPT-Enzyklopädie</span> </a> </li> <li class="ul-li"> <a target="_blank" href="http://www.php.cn/de/faq/jsjdtdzyynx"><img src="https://img.php.cn/upload/subject/202407/22/2024072213530960110.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Was sind die Hauptmerkmale von Computern?" /> </a> <a target="_blank" href="http://www.php.cn/de/faq/jsjdtdzyynx" class="title-a-spanl" title="Was sind die Hauptmerkmale von Computern?"><span>Was sind die Hauptmerkmale von Computern?</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <div class="wzrOne"> <div class="wzroTitle">Beliebte Empfehlungen</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="was ist h5" href="http://www.php.cn/de/faq/414835.html">was ist h5</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Wie erstelle ich eine H5-Seite, wenn man den Code nicht versteht? Empfohlene H5-Seitenproduktionsplattform" href="http://www.php.cn/de/faq/417718.html">Wie erstelle ich eine H5-Seite, wenn man den Code nicht versteht? Empfohlene H5-Seitenproduktionsplattform</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Was sind die neuen Funktionen von HTML5?" href="http://www.php.cn/de/faq/473125.html">Was sind die neuen Funktionen von HTML5?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Was ist die Produktion von H5-Seiten?" href="http://www.php.cn/de/faq/468382.html">Was ist die Produktion von H5-Seiten?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Was ist der Unterschied zwischen h5 und Miniprogramm?" href="http://www.php.cn/de/faq/463311.html">Was ist der Unterschied zwischen h5 und Miniprogramm?</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>Beliebte Tutorials</div> <a target="_blank" href="http://www.php.cn/de/course.html">Mehr> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">Verwandte Tutorials <div></div></div> <div class="tabdiv swiper-slide" data-id="two">Beliebte Empfehlungen<div></div></div> <div class="tabdiv swiper-slide" data-id="three">Aktuelle Kurse<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="http://www.php.cn/de/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" href="http://www.php.cn/de/course/812.html">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a> <div class="wzrthreerb"> <div>1418359 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/74.html" title="php入门教程之一周学会PHP" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="php入门教程之一周学会PHP"/> </a> <div class="wzrthree-right"> <a target="_blank" title="php入门教程之一周学会PHP" href="http://www.php.cn/de/course/74.html">php入门教程之一周学会PHP</a> <div class="wzrthreerb"> <div>4259802 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="74"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/286.html" title="JAVA 初级入门视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初级入门视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 初级入门视频教程" href="http://www.php.cn/de/course/286.html">JAVA 初级入门视频教程</a> <div class="wzrthreerb"> <div>2493525 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/504.html" title="小甲鱼零基础入门学习Python视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="小甲鱼零基础入门学习Python视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="小甲鱼零基础入门学习Python视频教程" href="http://www.php.cn/de/course/504.html">小甲鱼零基础入门学习Python视频教程</a> <div class="wzrthreerb"> <div>504667 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/2.html" title="PHP 零基础入门教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP 零基础入门教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP 零基础入门教程" href="http://www.php.cn/de/course/2.html">PHP 零基础入门教程</a> <div class="wzrthreerb"> <div>859242 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="2"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="http://www.php.cn/de/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" href="http://www.php.cn/de/course/812.html">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a> <div class="wzrthreerb"> <div >1418359 Lernzeiten</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/286.html" title="JAVA 初级入门视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初级入门视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA 初级入门视频教程" href="http://www.php.cn/de/course/286.html">JAVA 初级入门视频教程</a> <div class="wzrthreerb"> <div >2493525 Lernzeiten</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/504.html" title="小甲鱼零基础入门学习Python视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="小甲鱼零基础入门学习Python视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="小甲鱼零基础入门学习Python视频教程" href="http://www.php.cn/de/course/504.html">小甲鱼零基础入门学习Python视频教程</a> <div class="wzrthreerb"> <div >504667 Lernzeiten</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/901.html" title="Web前端开发极速入门" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Web前端开发极速入门"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Web前端开发极速入门" href="http://www.php.cn/de/course/901.html">Web前端开发极速入门</a> <div class="wzrthreerb"> <div >215406 Lernzeiten</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/234.html" title="零基础精通 PS 视频教程" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="零基础精通 PS 视频教程"/> </a> <div class="wzrthree-right"> <a target="_blank" title="零基础精通 PS 视频教程" href="http://www.php.cn/de/course/234.html">零基础精通 PS 视频教程</a> <div class="wzrthreerb"> <div >881251 Lernzeiten</div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="http://www.php.cn/de/course/1648.html" title="【web前端】Node.js快速入门" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="【web前端】Node.js快速入门"/> </a> <div class="wzrthree-right"> <a target="_blank" title="【web前端】Node.js快速入门" href="http://www.php.cn/de/course/1648.html">【web前端】Node.js快速入门</a> <div class="wzrthreerb"> <div >6697 Lernzeiten</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/1647.html" title="国外Web开发全栈课程全集" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="国外Web开发全栈课程全集"/> </a> <div class="wzrthree-right"> <a target="_blank" title="国外Web开发全栈课程全集" href="http://www.php.cn/de/course/1647.html">国外Web开发全栈课程全集</a> <div class="wzrthreerb"> <div >5206 Lernzeiten</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/1646.html" title="Go语言实战之 GraphQL" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go语言实战之 GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Go语言实战之 GraphQL" href="http://www.php.cn/de/course/1646.html">Go语言实战之 GraphQL</a> <div class="wzrthreerb"> <div >4357 Lernzeiten</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/1645.html" title="550W粉丝大佬手把手从零学JavaScript" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W粉丝大佬手把手从零学JavaScript"/> </a> <div class="wzrthree-right"> <a target="_blank" title="550W粉丝大佬手把手从零学JavaScript" href="http://www.php.cn/de/course/1645.html">550W粉丝大佬手把手从零学JavaScript</a> <div class="wzrthreerb"> <div >644 Lernzeiten</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="http://www.php.cn/de/course/1644.html" title="python大神Mosh，零基础小白6小时完全入门" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="python大神Mosh，零基础小白6小时完全入门"/> </a> <div class="wzrthree-right"> <a target="_blank" title="python大神Mosh，零基础小白6小时完全入门" href="http://www.php.cn/de/course/1644.html">python大神Mosh，零基础小白6小时完全入门</a> <div class="wzrthreerb"> <div >22187 Lernzeiten</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>Neueste Downloads</div> <a href="http://www.php.cn/de/xiazai">Mehr> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef">Web-Effekte <div></div></div> <div class="swiper-slide" data-id="twof">Quellcode der Website<div></div></div> <div class="swiper-slide" data-id="threef">Website-Materialien<div></div></div> <div class="swiper-slide" data-id="fourf">Frontend-Vorlage<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Kontaktcode für das jQuery-Enterprise-Nachrichtenformular" href="http://www.php.cn/de/toolset/js-special-effects/8071">[Formular-Schaltfläche] Kontaktcode für das jQuery-Enterprise-Nachrichtenformular</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Wiedergabeeffekte für HTML5-MP3-Spieluhren" href="http://www.php.cn/de/toolset/js-special-effects/8070">[Spezialeffekte für Spieler] Wiedergabeeffekte für HTML5-MP3-Spieluhren</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 coole Partikelanimations-Navigationsmenü-Spezialeffekte" href="http://www.php.cn/de/toolset/js-special-effects/8069">[Menünavigation] HTML5 coole Partikelanimations-Navigationsmenü-Spezialeffekte</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare" href="http://www.php.cn/de/toolset/js-special-effects/8068">[Formular-Schaltfläche] Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="VUE.JS imitiert den Kugou-Musik-Player-Code" href="http://www.php.cn/de/toolset/js-special-effects/8067">[Spezialeffekte für Spieler] VUE.JS imitiert den Kugou-Musik-Player-Code</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Klassisches HTML5-Pushing-Box-Spiel" href="http://www.php.cn/de/toolset/js-special-effects/8066">[HTML5-Spezialeffekte] Klassisches HTML5-Pushing-Box-Spiel</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery-Scrollen zum Hinzufügen oder Reduzieren von Bildeffekten" href="http://www.php.cn/de/toolset/js-special-effects/8065">[Bildspezialeffekte] jQuery-Scrollen zum Hinzufügen oder Reduzieren von Bildeffekten</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Persönlicher CSS3-Albumcover-Hover-Zoom-Effekt" href="http://www.php.cn/de/toolset/js-special-effects/8064">[Fotoalbumeffekte] Persönlicher CSS3-Albumcover-Hover-Zoom-Effekt</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/toolset/website-source-code/8328" title="Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen" target="_blank">[Frontend-Vorlage] Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/toolset/website-source-code/8327" title="Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben" target="_blank">[Frontend-Vorlage] Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/toolset/website-source-code/8326" title="Web-Vorlage für kreativen Job-Lebenslauf für Designer" target="_blank">[Frontend-Vorlage] Web-Vorlage für kreativen Job-Lebenslauf für Designer</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/toolset/website-source-code/8325" title="Website-Vorlage eines modernen Ingenieurbauunternehmens" target="_blank">[Frontend-Vorlage] Website-Vorlage eines modernen Ingenieurbauunternehmens</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/toolset/website-source-code/8324" title="Responsive HTML5-Vorlage für Bildungseinrichtungen" target="_blank">[Frontend-Vorlage] Responsive HTML5-Vorlage für Bildungseinrichtungen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/toolset/website-source-code/8323" title="Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren" target="_blank">[Frontend-Vorlage] Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/toolset/website-source-code/8322" title="IT-Technologie löst Website-Vorlage für Internetunternehmen" target="_blank">[Frontend-Vorlage] IT-Technologie löst Website-Vorlage für Internetunternehmen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/toolset/website-source-code/8321" title="Website-Vorlage für Devisenhandelsdienste im violetten Stil" target="_blank">[Frontend-Vorlage] Website-Vorlage für Devisenhandelsdienste im violetten Stil</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/toolset/website-materials/3078" target="_blank" title="可爱的夏天元素矢量素材(EPS+PNG)">[PNG material] 可爱的夏天元素矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/toolset/website-materials/3077" target="_blank" title="四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)">[PNG material] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/toolset/website-materials/3076" target="_blank" title="唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)">[Banner image] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/toolset/website-materials/3075" target="_blank" title="金色的毕业帽矢量素材(EPS+PNG)">[PNG material] 金色的毕业帽矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/toolset/website-materials/3074" target="_blank" title="黑白风格的山脉图标矢量素材(EPS+PNG)">[PNG material] 黑白风格的山脉图标矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/toolset/website-materials/3073" target="_blank" title="不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)">[PNG material] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/toolset/website-materials/3072" target="_blank" title="扁平风格的植树节banner矢量素材(AI+EPS)">[Banner image] 扁平风格的植树节banner矢量素材(AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/toolset/website-materials/3071" target="_blank" title="九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)">[PNG material] 九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/toolset/website-source-code/8328" target="_blank" title="Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen">[Frontend-Vorlage] Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/toolset/website-source-code/8327" target="_blank" title="Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben">[Frontend-Vorlage] Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/toolset/website-source-code/8326" target="_blank" title="Web-Vorlage für kreativen Job-Lebenslauf für Designer">[Frontend-Vorlage] Web-Vorlage für kreativen Job-Lebenslauf für Designer</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/toolset/website-source-code/8325" target="_blank" title="Website-Vorlage eines modernen Ingenieurbauunternehmens">[Frontend-Vorlage] Website-Vorlage eines modernen Ingenieurbauunternehmens</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/toolset/website-source-code/8324" target="_blank" title="Responsive HTML5-Vorlage für Bildungseinrichtungen">[Frontend-Vorlage] Responsive HTML5-Vorlage für Bildungseinrichtungen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/toolset/website-source-code/8323" target="_blank" title="Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren">[Frontend-Vorlage] Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/toolset/website-source-code/8322" target="_blank" title="IT-Technologie löst Website-Vorlage für Internetunternehmen">[Frontend-Vorlage] IT-Technologie löst Website-Vorlage für Internetunternehmen</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="http://www.php.cn/de/toolset/website-source-code/8321" target="_blank" title="Website-Vorlage für Devisenhandelsdienste im violetten Stil">[Frontend-Vorlage] Website-Vorlage für Devisenhandelsdienste im violetten Stil</a> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项，自动滑动 slidesPerView : 'auto', }) $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！</p> </div> <div class="footermid"> <a href="http://www.php.cn/de/about/us.html">Über uns</a> <a href="http://www.php.cn/de/about/disclaimer.html">Haftungsausschluss</a> <a href="http://www.php.cn/de/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1731808750"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> </body> </html>

So verwenden Sie HTML5-Formular-Tags, um die Formularvalidierung zu vereinfachen, Datei-Uploads hinzuzufügen und Drag-and-Drop zu integrieren. HTML5-Tutorial-Fähigkeiten

Inhalte rund um Formulare in HTML

Seitenelemente verbessern

Datei-API