Informationen zu Formularen in HTML

In Javascript wird jedes Paar von

-Tags auf der Seite in ein Objekt analysiert, das Formularobjekt.

Sie können document.forms verwenden, um eine Sammlung aller Formularobjekte im Dokument in Quellreihenfolge angeordnet zu erhalten.

如果一个表单对象定义如下：

获得该表单对象的方法：

  i>  document.forms["frm1"];   // 根据name属性值

 ii>  document.forms[0];        // 根据索引号

iii>  document.frm1;            // 直接根据name值获得对象

Formularattribute, die beachtet werden sollten:

Elemente: Holen Sie sich die folgende Quelle Eine Sammlung aller Steuerelemente in einer bestimmten Form, sortiert nach Quelle. Das -Objekt ist jedoch nicht in dieser Sammlung.

var txtName = myform.elements[0];         //获得表单的第一个元素

var txtName = myform.elements["txtName"]; //获得name属性值为"txtName"的元素

var txtName = myform.elements.txtName;    //获得name属性值为"txtName"的元素

enctype: Das Vielfache des Formulars festlegen oder abrufen Verwendet Internet Mail Extensions (MIME)-Codierung.

Wenn Sie eine Datei hochladen möchten, sollte sie auf „multipart/form-data“ eingestellt sein

Das

Die Textbeschreibung jedes Formularelements sollte die Markierung verwenden!

Dieses Tag wird verwendet, um Text an das entsprechende Formularelement zu binden. Sein for-Attribut gibt den ID-Wert des Formularelements an, an das es gebunden ist. Klicken Sie nach dem Binden auf den Text und die Maus konzentriert sich auf das entsprechende Textfeld oder wählt die entsprechende Option aus.

Wenn bestimmte Desktop-Designs installiert sind, ändern einige Formularelemente auch die Farbe, um Sie dazu aufzufordern, was das Benutzererlebnis erheblich verbessert.

Beispielcode:

Hinweis:

i > Jedem Formularelement sollte ein Namensattribut und ein ID-Attribut zugewiesen werden.

Namensattribut: Wird zum Senden von Daten an den Server verwendet.

ID-Attribut: Wird zum Ausführen entsprechender Vorgänge auf dem Client verwendet, z. B.: usw.

                                  (Das Namensattribut und das ID-Attribut sollten nach Möglichkeit dieselben oder verwandte Werte verwenden.) Verwenden Sie bei Operationen lieber das Namensattribut.

Da es für einige spezifische Formularelemente (z. B. Optionsfelder usw.) einfacher ist, den Elementwert mithilfe seines Namensattributs zu erhalten, und es auch bequemer ist, Daten an den Server zu übertragen!

Javascript bedient Formularelemente, weniger häufig verwendete Attribute:

defaultChecked legt den Status eines Kontrollkästchens oder eines Optionsfelds fest oder ruft ihn ab.

defaultValue legt den anfänglichen Inhalt des Objekts fest oder ruft ihn ab.

Disabled legt den Status des Steuerelements fest oder ruft ihn ab.

Formular abschicken

Beispiel für das Absenden eines Formulars:

onclick="document.forms['frm'].submit();">

  onclick="this.disabled=true; this.form.submit();">

Hinweis:

i > Element wird nicht ausgelöst.

  

      onclick="document.forms['frm'].submit();">

      onclick="this.disabled=true; this.form.submit();">

Dies unterscheidet sich vom Senden von Elementen mit ; Sie können das Attribut „disabled“ im Submit verwenden oder klicken Sie auf das Ereignis der Schaltfläche, um das Verhalten des Benutzers beim wiederholten Klicken auf die Schaltfläche „Senden“ zu deaktivieren,

, um die Antwortlast auf dem Server zu verringern;

Legen Sie das Textfeld fest 🎜>i > Steuern Sie die Anzahl der Zeichen im Textfeld

Hinweis: Die maximale Länge im mehrzeiligen Textfeld ist ein benutzerdefiniertes Attribut. Wenn Zeichen in <textarea> eingegeben werden, werden Zeilenumbrüche ebenfalls als ein Zeichen gezählt ; </p> <p> </p> <p><br></p> <p>ii > Wenn die Maus darüber fährt, wird das Textfeld automatisch ausgewählt </p> <p><br></p> <table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"><td><script language="javascript"></td></tr> <tr><td>window.onload = function(){</td></tr> <tr><td>    var txtName = document.getElementsByName("myName")[0];</td></tr> <tr><td>    txtName.onmouseover = function(){</td></tr> <tr><td>       this.focus();</td></tr> <tr><td>    };</td></tr> <tr><td>    txtName.onfocus = function(){</td></tr> <tr><td>       this.select();</td></tr> <tr><td>    };</td></tr> <tr><td>}</td></tr> <tr><td></script></td></tr> <tr><td><INPUT TYPE="text" NAME="myName" value="默认值被选中" /></td></tr> </tbody></table> <p><br> </p> <p>Erreicht die Trennung von Verhalten und Struktur. </p> <p> </p> <p><br></p> <p>Optionsfeld festlegen</p> <p>Ausgewähltes Optionsfeld abrufen und Optionsfeld ausgewählt festlegen</p> <p> <br></p> <table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"> <td><script language="javascript"> ;</td> </tr> <tr><td>//Das ausgewählte Element abrufen</td></tr> <tr><td>function getChoice(){</td></tr> <tr> <td> var oForm = document.forms["myForm1"];</td> </tr> <tr><td> //radioName ist der Namensattributwert des Optionsfelds</td></tr> <tr><td> var aChoices = oForm.radioName;</td></tr> <tr><td> //Durchlaufe die gesamte Single-Choice-Liste</td></tr> <tr><td> for(i= 0 ;i<aChoices.length;i++) </td></tr> <tr><td> if(aChoices[i].checked) </td></tr> <tr><td> break; Beenden, wenn das ausgewählte Element gefunden wird</td></tr> <tr><td> warning("Was Sie ausgewählt haben, ist: "+aChoices[i].value);</td></tr> <td>}</td> <tr><td>//Ausgewähltes Element festlegen</td></tr> <tr><td>function setChoice(_num){</td></tr> <tr><td> var oForm = document.forms["myForm1"];</td></tr> <tr> <td> //radioName ist der Namensattributwert des Optionsfelds</td> </tr> <tr><td> oForm.radioName[_num].checked = true; //Der geprüfte Wert anderer Optionen wird automatisch auf false gesetzt</td></tr> <tr><td>} td></td></tr> <tr><td></script><table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"><td><script language="javascript"></td></tr> <tr><td>//获取选中项</td></tr> <tr><td>function getChoice(){</td></tr> <tr><td>    var oForm = document.forms["myForm1"];</td></tr> <tr><td>    //radioName是单选按钮的name属性值</td></tr> <tr><td>    var aChoices = oForm.radioName;</td></tr> <tr><td>    //遍历整个单选项表</td></tr> <tr><td>    for(i=0;i<aChoices.length;i++)   </td></tr> <tr><td>        if(aChoices[i].checked)   </td></tr> <tr><td>            break; //如果发现了被选中项则退出</td></tr> <tr><td>    alert("您选中的是："+aChoices[i].value);</td></tr> <tr><td>}</td></tr> <tr><td>//设置选中项</td></tr> <tr><td>function setChoice(_num){</td></tr> <tr><td>    var oForm = document.forms["myForm1"];</td></tr> <tr><td>    //radioName是单选按钮的name属性值</td></tr> <tr><td>    oForm.radioName[_num].checked = true; //其它选项的checked值会自动设置为false</td></tr> <tr><td>}</td></tr> <tr><td></script><br>             //调用代码<br>             <input type="button" value="获取选中项" onclick="getChoice();" /><br><input type="button" value="设置第1项被选中" onclick="setChoice(0);" /></td></tr> </tbody></table> ​ ​ ​ ​ //Anrufcode <input type="button" value="Das ausgewählte Element abrufen" onclick="getChoice();" /><input type="button" value="Das erste auszuwählende Element festlegen" onclick =" setChoice(0);" /></td></tr> </tbody></table> <p><br></p> <p>Sie müssen sicherstellen, dass der Namensattributwert derselben Gruppe von Optionsfeldern derselbe ist. </p> <p> </p> <p><br></p> <p>Kontrollkästchen setzen</p> <p>Kontrollkästchen auf „Alle auswählen“, „Alle Auswahl aufheben“ und „Auswahl umkehren“ setzen Funktion</p> <p><br></p> <table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"><td><script language="javascript"></td></tr> <tr><td>function changeBoxes(_action){</td></tr> <tr><td>    var myForm = document.forms["myForm1"];</td></tr> <tr><td>    //myCheckbox 为所有复选框的name属性值</td></tr> <tr><td>    var oCheckBox = myForm.myCheckbox;</td></tr> <tr><td> </td></tr> <tr><td>    for(var i=0;i<oCheckBox.length;i++)    //遍历每一个选项</td></tr> <tr><td>        if(_action < 0)//反选</td></tr> <tr><td>            oCheckBox[i].checked = !oCheckBox[i].checked;</td></tr> <tr><td>        else </td></tr> <tr><td>            //_action为1是则全选,为0时则全不选</td></tr> <tr><td>            oCheckBox[i].checked = _action;</td></tr> <tr><td>}</td></tr> <tr><td></script></td></tr> <tr><td><form name="myForm1"></td></tr> <tr><td><input type="checkbox" name="myCheckbox">aa</td></tr> <tr><td><input type="checkbox" name="myCheckbox">bb</td></tr> <tr><td><input type="button" value="全选" onclick="changeBoxes(1);" /></td></tr> <tr><td><input type="button" value="全不选" onclick="changeBoxes(0);" /></td></tr> <tr><td><input type="button" value="反选" onclick="changeBoxes(-1);" /></td></tr> <tr><td></form></td></tr> </tbody></table> <p><br></p> <p> </p> <p><br></p> <p>Dropdown-Listenfeld festlegen </p> <p>Das Mehrfachattribut des Dropdown-Listenfelds wird verwendet, um die Dropdown-Liste festzulegen oder abzurufen. Ob das Feld mehrere Optionen auswählen kann. </p> <p>Das Dropdown-Listenfeld kann standardmäßig nur ein Element auswählen. Wenn Sie es so einstellen möchten, dass mehrere Elemente ausgewählt werden, dann <select multiple = "multiple">. </p> <p>Typattribut: Die JavaScript-Sprache erhält den Typ des Dropdown-Listenfeld-Auswahlsteuerelements basierend auf dem Wert des Typattributs. </p> <p>Der Wert des Typattributs ist: select-multiple oder select-one (Hinweis: Der Typ des Dropdown-Listenfelds wird durch das multiple-Attribut gesteuert) </p> <p>i > die Optionen des Dropdown-Listenfelds (einzelne Option und mehrere Optionen) </p> <p><br></p> <table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"><td><script language="javascript"></td></tr> <tr><td>function getSelectValue(_myselect){</td></tr> <tr><td>    var oForm = document.forms["myForm1"];</td></tr> <tr><td>    //根据参数(下拉列表框的name属性值)获得下拉菜单项</td></tr> <tr><td>    var oSelectBox = oForm.elements[_myselect];</td></tr> <tr><td>    //判断是单选还是多选</td></tr> <tr><td>    if(oSelectBox.type == "select-one"){</td></tr> <tr><td>        var iChoice = oSelectBox.selectedIndex;    //获取选中项</td></tr> <tr><td>        alert("单选，您选中了" + oSelectBox.options[iChoice].text);</td></tr> <tr><td>    }</td></tr> <tr><td>    else{</td></tr> <tr><td>        var aChoices = new Array();</td></tr> <tr><td>        //遍历整个下拉菜单</td></tr> <tr><td>        for(var i=0;i<oSelectBox.options.length;i++)</td></tr> <tr><td>            if(oSelectBox.options[i].selected)//如果被选中</td></tr> <tr><td>              //压入到数组中</td></tr> <tr><td>              aChoices.push(oSelectBox.options[i].text);</td></tr> <tr><td>        //输出结果</td></tr> <tr><td>        alert("多选，您选了：" + aChoices.join());</td></tr> <tr><td>    }</td></tr> <tr><td>}</td></tr> <tr><td></script></td></tr> <tr><td><form method="post" name="myForm1"></td></tr> <tr><td><select id="mysel" name="mysel" multiple="multiple" style="height:60px;"></td></tr> <tr><td>    <option value="a">AA</option></td></tr> <tr><td>    <option value="b">BB</option></td></tr> <tr><td>    <option value="c">CC</option></td></tr> <tr><td></select></td></tr> <tr><td><input type="button" onclick="getSelectValue('mysel')" value="查看选项" /></td></tr> </tbody></table> <p><br></p> <p> </p> <p>ii > Dropdown-Listenfeldoptionen hinzufügen</p> <p>Neue Optionen am Ende anhängen</p> <p><br></p> <table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"><td><script language="javascript"></td></tr> <tr><td>function AddOption(Box){ //追加选项到末尾</td></tr> <tr><td>    var oForm = document.forms["myForm1"];</td></tr> <tr><td>    var oBox = oForm.elements[Box];</td></tr> <tr><td>    var oOption = new Option("乒乓球","Pingpang");</td></tr> <tr><td>    oBox.options[oBox.options.length] = oOption;</td></tr> <tr><td>}</td></tr> <tr><td></script></td></tr> </tbody></table> <p><br></p> <p>Neue Option an der angegebenen Position einfügen</p> <p><br></p> <table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"><td><script language="javascript"></td></tr> <tr><td>function AddOption(_select,_num){</td></tr> <tr><td>    var oForm = document.forms["myForm1"];</td></tr> <tr><td>    var oBox = oForm.elements[_select];</td></tr> <tr><td>    var oOption = new Option("text值","value值");</td></tr> <tr><td>    //兼容IE7，先添加选项到最后，再移动</td></tr> <tr><td>    oBox.options[oBox.options.length] = oOption;</td></tr> <tr><td>    oBox.insertBefore(oOption,oBox.options[_num]);</td></tr> <tr><td>}</td></tr> <tr><td></script></td></tr> <tr><td><input type="button" value="添加乒乓球" onclick="AddOption('myselect',1);" /></td></tr> </tbody></table> <p><br></p> <p>Hinweis: Bei Verwendung direkt Wenn die Methode insertBefore( ) Optionen einfügt, erscheint im IE ein leerer Optionsfehler. Um diesen Fehler im IE zu beheben, können Sie die neue Option nur am Ende anhängen und sie dann mit der Methode insertBefore () an die entsprechende Position verschieben. </p> <p> </p> <p><br></p> <p>Ähnlich: Um bestimmte Fehler oder Einschränkungen des Browsers zu umgehen und den beabsichtigten Zweck zu erreichen, werden kleine Tricks meist als Hacks bezeichnet. </p> <p> </p> <p>iii > Ersetzen Sie eine Option </p> <p><br></p> <table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"><td><script language="javascript"></td></tr> <tr><td>//替换选项</td></tr> <tr><td>function ReplaceOption(_select,_num){</td></tr> <tr><td>    var oForm = document.forms["myForm1"];</td></tr> <tr><td>    var oBox = oForm.elements[_select];</td></tr> <tr><td>    var oOption = new Option("text值","value值");</td></tr> <tr><td>    oBox.options[_num] = oOption; //替换第_num 个选项</td></tr> <tr><td>}</td></tr> <tr><td></script></td></tr> <tr><td><input type="button" value="替换选项" onclick="ReplaceOption('selName',1);" /></td></tr> </tbody></table> <p><br></p> <p> durch oBox.options [ _num] = oOption ersetzt direkt die Option an der angegebenen Position durch die neu erstellte Option. </p> <p> </p> <p>iv > Löschen Sie eine Option </p> <p><br></p> <table style="border: 0px none; padding: 0px; width: 100%;"><tbody> <tr class="firstRow"><td><script language="javascript"></td></tr> <tr><td>function RemoveOption(_select,_num){</td></tr> <tr><td>    var oForm = document.forms["myForm1"];</td></tr> <tr><td>    var oBox = oForm.elements[_select];</td></tr> <tr><td>    oBox.options[_num] = null;    //删除选项</td></tr> <tr><td>}</td></tr> <tr><td></script></td></tr> <tr><td></head></td></tr> <tr><td><body></td></tr> <tr><td><select id="mysel" name="mysel" multiple="multiple"></td></tr> <tr><td>......</td></tr> <tr><td><input type="button" value="删除选项" onclick="RemoveOption('mysel',1);" /></td></tr> </tbody></table> <p><br></p> <p> direkt über oBox-Optionen [_num] = null Löschoptionen. </p> <p> </p><p>Das obige ist der detaillierte Inhalt vonInformationen zu Formularen in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p> </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="https://www.php.cn/de/search?word=htmlform" target="_blank">HTML form</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">Quelle：php.cn</div> </div> <div class="wzconOtherwz"> <a href="https://www.php.cn/de/faq/355555.html" title="Beschreibung der HTML-Parsing-Prinzipien"> <span>Vorheriger Artikel：Beschreibung der HTML-Parsing-Prinzipien</span> </a> <a href="https://www.php.cn/de/faq/355560.html" title="Tipps zur Verwendung von UserControl zum Generieren von HTML"> <span>Nächster Artikel：Tipps zur Verwendung von UserControl zum Generieren von HTML</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> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <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="https://www.php.cn/de/faq/354750.html">Beispiele für HTML-Einstellungen für Fett, Kursiv, Unterstrichen, Durchgestrichen und andere Schrifteffekte</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/338018.html">Implementieren Sie eine Java-Version von Redis</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/353509.html">Die einfachste WeChat-Applet-Demo</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/356272.html">Einführung in einfache Betriebsmethoden von pandas.DataFrame (Erstellen, Indizieren, Hinzufügen und Löschen) in Python</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/354839.html">WeChat Mini-Programm: Beispiel für die Implementierung des Tab-Effekts</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/354423.html">Python erstellt benutzerdefinierte Methoden, um die Ausgabe der Wörterbuchstruktur zu verschönern</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/350853.html">HTML5: Verwenden Sie Canvas, um Videos in Echtzeit zu verarbeiten</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/346502.html">Asp.net verwendet SignalR zum Senden von Bildern</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/354842.html">WeChat Mini-Programmentwicklungs-Tutorial – Übersicht über die Funktionen von App() und Page()</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/de/faq/356574.html">Ausführliche Erklärung zur Verwendung von Python Redis</a> </div> <div>1970-01-01 08:00:00</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="https://www.php.cn/de/wenda/.html" target="_blank" title="Erstellen Sie Diagramme mit Google Charts mit HTML <form>" class="wdcdcTitle">Erstellen Sie Diagramme mit Google Charts mit HTML <form></a> <a href="https://www.php.cn/de/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 1970-01-01 08:00:00</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>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/de/wenda/.html" target="_blank" title="Verstehe $register=<<<'FORM' nicht" class="wdcdcTitle">Verstehe $register=<<<'FORM' nicht</a> <a href="https://www.php.cn/de/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 1970-01-01 08:00:00</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>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/de/wenda/.html" target="_blank" title="javascript – So erhalten Sie den Wert von form in rect-form" class="wdcdcTitle">javascript – So erhalten Sie den Wert von form in rect-form</a> <a href="https://www.php.cn/de/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 1970-01-01 08:00:00</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>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/de/wenda/.html" target="_blank" title="Die Validierung der nativen React-Hook-Form-Controller-Regeln funktioniert nicht" class="wdcdcTitle">Die Validierung der nativen React-Hook-Form-Controller-Regeln funktioniert nicht</a> <a href="https://www.php.cn/de/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 1970-01-01 08:00:00</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>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/de/wenda/.html" target="_blank" title="Verbindung von App.js und Reacts HTML" class="wdcdcTitle">Verbindung von App.js und Reacts HTML</a> <a href="https://www.php.cn/de/wenda/.html" class="wdcdcCons"></a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Aus 1970-01-01 08:00:00</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>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>0</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="https://www.php.cn/de/faq/zt" target="_blank">Mehr> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/htmlwjzhcpdfw"><img src="https://img.php.cn/upload/subject/202407/22/2024072212150352756.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So konvertieren Sie HTML-Dateien in PDF-Dateien" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/htmlwjzhcpdfw" class="title-a-spanl" title="So konvertieren Sie HTML-Dateien in PDF-Dateien"><span>So konvertieren Sie HTML-Dateien in PDF-Dateien</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/bckzyxsm"><img src="https://img.php.cn/upload/subject/202407/22/2024072212230173063.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Was man im Programmierkurs lernen kann" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/bckzyxsm" class="title-a-spanl" title="Was man im Programmierkurs lernen kann"><span>Was man im Programmierkurs lernen kann</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/oyokxzmcz"><img src="https://img.php.cn/upload/subject/202407/22/2024072212273813639.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="So laden Sie Ouyiokx auf" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/oyokxzmcz" class="title-a-spanl" title="So laden Sie Ouyiokx auf"><span>So laden Sie Ouyiokx auf</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/cyydsrhsjs"><img src="https://img.php.cn/upload/subject/202407/22/2024072214003727593.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Einführung in Eingabefunktionen in C-Sprache" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/cyydsrhsjs" class="title-a-spanl" title="Einführung in Eingabefunktionen in C-Sprache"><span>Einführung in Eingabefunktionen in C-Sprache</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/wljjjrsmysw"><img src="https://img.php.cn/upload/subject/202407/22/2024072214285935455.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Was bedeutet „Netzwerkzugriff verweigert' WLAN?" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/wljjjrsmysw" class="title-a-spanl" title="Was bedeutet „Netzwerkzugriff verweigert' WLAN?"><span>Was bedeutet „Netzwerkzugriff verweigert' WLAN?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/filbddssm"><img src="https://img.php.cn/upload/subject/202407/22/2024072213212766249.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Was genau ist eine Fil-Münze?" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/filbddssm" class="title-a-spanl" title="Was genau ist eine Fil-Münze?"><span>Was genau ist eine Fil-Münze?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/honorshwm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214171267601.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Ist HONOR Huawei?" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/honorshwm" class="title-a-spanl" title="Ist HONOR Huawei?"><span>Ist HONOR Huawei?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/de/faq/wifimima"><img src="https://img.php.cn/upload/subject/202407/22/2024072214223261281.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="WLAN Passwort" /> </a> <a target="_blank" href="https://www.php.cn/de/faq/wifimima" class="title-a-spanl" title="WLAN Passwort"><span>WLAN Passwort</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <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 bedeutet URL?" href="https://www.php.cn/de/faq/418772.html">Was bedeutet URL?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Was bedeutet DOM?" href="https://www.php.cn/de/faq/414303.html">Was bedeutet DOM?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="So ändern Sie die Bildgröße" href="https://www.php.cn/de/faq/414252.html">So ändern Sie die Bildgröße</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="So machen Sie die Schriftart in HTML fett" href="https://www.php.cn/de/faq/414520.html">So machen Sie die Schriftart in HTML fett</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="So legen Sie die Größe von HTML-Bildern fest" href="https://www.php.cn/de/faq/475145.html">So legen Sie die Größe von HTML-Bildern fest</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="https://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="https://www.php.cn/de/course/812.html" title="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)" href="https://www.php.cn/de/course/812.html">Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)</a> <div class="wzrthreerb"> <div>1429402 <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="https://www.php.cn/de/course/74.html" title="PHP-Einführungs-Tutorial eins: Lernen Sie PHP in einer Woche" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="PHP-Einführungs-Tutorial eins: Lernen Sie PHP in einer Woche"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP-Einführungs-Tutorial eins: Lernen Sie PHP in einer Woche" href="https://www.php.cn/de/course/74.html">PHP-Einführungs-Tutorial eins: Lernen Sie PHP in einer Woche</a> <div class="wzrthreerb"> <div>4280923 <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="https://www.php.cn/de/course/286.html" title="JAVA-Video-Tutorial für Anfänger" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA-Video-Tutorial für Anfänger"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA-Video-Tutorial für Anfänger" href="https://www.php.cn/de/course/286.html">JAVA-Video-Tutorial für Anfänger</a> <div class="wzrthreerb"> <div>2594173 <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="https://www.php.cn/de/course/504.html" title="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python" href="https://www.php.cn/de/course/504.html">Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python</a> <div class="wzrthreerb"> <div>511332 <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="https://www.php.cn/de/course/2.html" title="PHP Zero-basiertes Einführungs-Tutorial" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP Zero-basiertes Einführungs-Tutorial"/> </a> <div class="wzrthree-right"> <a target="_blank" title="PHP Zero-basiertes Einführungs-Tutorial" href="https://www.php.cn/de/course/2.html">PHP Zero-basiertes Einführungs-Tutorial</a> <div class="wzrthreerb"> <div>869473 <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="https://www.php.cn/de/course/812.html" title="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)" href="https://www.php.cn/de/course/812.html">Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)</a> <div class="wzrthreerb"> <div >1429402 Lernzeiten</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/286.html" title="JAVA-Video-Tutorial für Anfänger" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA-Video-Tutorial für Anfänger"/> </a> <div class="wzrthree-right"> <a target="_blank" title="JAVA-Video-Tutorial für Anfänger" href="https://www.php.cn/de/course/286.html">JAVA-Video-Tutorial für Anfänger</a> <div class="wzrthreerb"> <div >2594173 Lernzeiten</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/504.html" title="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python" href="https://www.php.cn/de/course/504.html">Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python</a> <div class="wzrthreerb"> <div >511332 Lernzeiten</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/901.html" title="Kurze Einführung in die Web-Frontend-Entwicklung" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Kurze Einführung in die Web-Frontend-Entwicklung"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Kurze Einführung in die Web-Frontend-Entwicklung" href="https://www.php.cn/de/course/901.html">Kurze Einführung in die Web-Frontend-Entwicklung</a> <div class="wzrthreerb"> <div >216413 Lernzeiten</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/234.html" title="Meistern Sie PS-Video-Tutorials von Grund auf" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Meistern Sie PS-Video-Tutorials von Grund auf"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Meistern Sie PS-Video-Tutorials von Grund auf" href="https://www.php.cn/de/course/234.html">Meistern Sie PS-Video-Tutorials von Grund auf</a> <div class="wzrthreerb"> <div >903552 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="https://www.php.cn/de/course/1648.html" title="[Web-Frontend] Node.js-Schnellstart" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web-Frontend] Node.js-Schnellstart"/> </a> <div class="wzrthree-right"> <a target="_blank" title="[Web-Frontend] Node.js-Schnellstart" href="https://www.php.cn/de/course/1648.html">[Web-Frontend] Node.js-Schnellstart</a> <div class="wzrthreerb"> <div >8440 Lernzeiten</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/1647.html" title="Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung" href="https://www.php.cn/de/course/1647.html">Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung</a> <div class="wzrthreerb"> <div >6756 Lernzeiten</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/1646.html" title="Gehen Sie zur praktischen Anwendung von GraphQL" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Gehen Sie zur praktischen Anwendung von GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Gehen Sie zur praktischen Anwendung von GraphQL" href="https://www.php.cn/de/course/1646.html">Gehen Sie zur praktischen Anwendung von GraphQL</a> <div class="wzrthreerb"> <div >5610 Lernzeiten</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/1645.html" title="Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf" href="https://www.php.cn/de/course/1645.html">Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf</a> <div class="wzrthreerb"> <div >754 Lernzeiten</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/de/course/1644.html" title="Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen" href="https://www.php.cn/de/course/1644.html">Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen</a> <div class="wzrthreerb"> <div >28756 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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://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="https://www.php.cn/de/about/us.html">Über uns</a> <a href="https://www.php.cn/de/about/disclaimer.html">Haftungsausschluss</a> <a href="https://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?1737635896"></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> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code --> </body> </html>