表单元素：最全的各种html表单元素获取和使用方法总结-html tutorial-php.cn

表单是网页与用户的交互工具，由一个

元素作为容器构成，封装其他任何数量的表单控件，还有其他任何元素里可用的标签，表单能够包含、、

、<fieldset>、<legend>、<label>等表单控件元素。<strong>表单元素有哪些呢？</strong>它包含了如下的这些元素<form>，<input>输入文本框，<button>按钮，<option>定义下拉菜单，<select>，<textarea>文本区等等，当然在html5中又新增了一些元素。通过下面的内容<strong>总结了各种html表单元素获取和用法实例！</strong></span></p>
<p><span style="font-size: 16px;"><strong><span style="line-height: 1.76em; color: rgb(255, 0, 0);">一、HTML5中新增表单元素及使用实例</span></strong></span></p>
<p><span style="line-height: 1.76em;"></span>1. <a href="http://www.php.cn/html5-tutorial-362359.html" target="_self">总结HTML5中新表单元素的使用方法及实例教程</a></p>
<p><img src="https://img.php.cn//upload/image/403/748/826/1496218090228125.jpg" title="1496218090228125.jpg" alt="15.jpg"></p>
<p><span style="line-height: 1.76em;"></span></p>
<p>HTML5 新表单元素</p>
<p><datalist> ： <input>标签定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。</p>
<p><keygen> ： <keygen> 标签规定用于表单的密钥对生成器字段。</p>
<p><output> ： <output> 标签定义不同类型的输出，比如脚本的输出。</p>
<p><span style="line-height: 1.76em;"></span>2.<a href="http://www.php.cn/html5-tutorial-346143.html" target="_self">HTML Form表单元素全面了解</a></p>
<p>datalist元素规定输入域的选项列表。<span style="line-height: 1.76em;">列表是通过datalist内的option元素创建的。如需把datalist绑定到输入域，请用输入域的list 属性引用datalist的id。</span></p>
<p><span style="line-height: 1.76em;">keygen元素是密钥对生成器（key-pair generator）。当提交表单时，会生成两个键，一个是私钥，一个公钥。私钥（private key）存储于客户端，公钥（public key）则被发送到服务器。</span></p>
<p><span style="line-height: 1.76em;">output元素用于不同类型的输出，比如计算或脚本输出。</span></p>
<p><span style="line-height: 1.76em;"><br></span></p>
<p><span style="font-size: 16px; color: rgb(255, 0, 0);"><strong><span style="font-size: 16px; line-height: 1.76em;">二、PHP中表单元素的详解</span></strong></span></p>
<p>1. <a href="http://www.php.cn/php-weizijiaocheng-360439.html" target="_self">PHP表单元素介绍之选择域标记和文字域标记</a></p>
<p><img src="https://img.php.cn//upload/image/549/114/338/1496218709292713.png" title="1496218709292713.png" alt="9.png"></p>
<p>通过选择域标记<select>和<option>可以建立一个列表或者菜单。菜单的使用是为了节省空间，正常状态下只能看到菜单的一个选项，单击右侧的下三角按钮打开菜单后才能看到全部的选项。列表可以显示一定数量的选项。如果超出了这个数量，会自动出现滚动条，浏览者可以通过拖动滚动条来查看各个选项。</p>
<p><a href="http://www.php.cn/php-weizijiaocheng-360437.html" target="_self">2. PHP表单元素介绍之输入域标记 <input></a></p>
<p><img src="https://img.php.cn//upload/image/826/995/258/1496218798413793.png" title="1496218798413793.png" alt="10.png"></p>
<p>输入域标记 <input> 是表单中最常用的标记之一。常用的输入域标记 <input> 有文本框、按钮、单选按钮、复选框等等。</p>
<p>3.<a href="http://www.php.cn/php-sourcecode-154372.html" target="_self">PHP处理Checkbox多选框表单元素的例子</a></p>
<p>Checkbox的值获得与普通的input获得方法是不一样，需要给checkbox一个统一的数组形式的Name，例如mycheckbox[]，对的就是PHP中定义数组的一种方式。然后在后台获取这个数据，例如POST表单的$_POST[‘mycheckbox’]，此时这个数据已经是一个数组了。</p>
<p><span style="color: rgb(255, 0, 0); font-size: 16px;"><strong>三、javascript和jquery获取和使用表单元素</strong></span></p>
<p>1. <a href="http://www.php.cn/js-tutorial-55658.html" target="_self">javascript 获取表单元素的几种方法</a></p>
<p>第一种方法,通过元素的name获取</p>
<p>第二种方法：通过元素的index获取</p>
<p>第三种方法：通过元素的id获取</p>
<p>2. <a href="http://www.php.cn/js-tutorial-22593.html" target="_self">jQuery 处理表单元素的代码</a></p>
<p>1）.获取input类的值： $("input").val(); <br><br>2）.获取textarea类的值: $("textarea").val(); <br><br>3）.获取select类的值：$("select").val(); <br><br>当表单上含有多个input类（或者textarea类和select类），使用上述方法得到的将是一个数组。当然，你可以给这些控件加上ID，从而对某个特定的控件取值，例如：$("input#myID").val()。 </p>
<p><span style="color: rgb(255, 0, 0); font-size: 16px;"><strong>表单元素的相关问答：</strong></span></p>
<p>1. <a href="http://www.php.cn/wenda/69446.html" target="_self">前端 - 移动端点击表单元素页面相对移动的问题？</a></p>
<p>2. <a href="http://www.php.cn/wenda/55206.html" target="_self">javascript - react中使用React-bootstrap表单元素控件，如何获取其内部的值</a></p>
<p>3. <a href="http://www.php.cn/wenda/46400.html" target="_self">javascript如何获取表单元素select</a></p>
<p>【相关推荐】</p>
<p>1. <a href="http://www.php.cn/course/372.html" target="_self">php.cn原创html5视频教程</a></p>
<p>2. <a href="http://www.php.cn/course/379.html" target="_self">《php.cn独孤九贱（4）－php视频教程》</a></p>
<p>3. <a href="http://www.php.cn/course/386.html" target="_self">php.cn独孤九贱（3）－JavaScript视频教程</a></p><p>Atas ialah kandungan terperinci 表单元素：最全的各种html表单元素获取和使用方法总结. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p>                </div>
            </div>
            <div style="height: 25px;">
                                <div class="wzconBq" style="display: inline-flex;">
                    <span>Label berkaitan：</span>
                    <div class="wzcbqd">
                        <a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/ms/search?word=表单元素，获取，使用方法" target="_blank">表单元素，获取，使用方法</a>                    </div>
                </div>
                                <div style="display: inline-flex;float: right; color:#333333;">sumber：php.cn</div>
                            </div>
            <div class="wzconOtherwz">
                                    <a href="http://www.php.cn/ms/faq/363693.html" title="如何在html中显示json数据详解">
                        <span>Artikel sebelumnya：如何在html中显示json数据详解</span>
                    </a>
                                    <a href="http://www.php.cn/ms/faq/363803.html"  title="html from的含义以及form的用法总结">
                        <span>Artikel seterusnya：html from的含义以及form的用法总结</span>
                    </a>
                            </div>
            <div class="wzconShengming">
       
                <div class="bzsmdiv">Kenyataan Laman Web ini</div>
                <div>Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi 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">Artikel terbaru oleh pengarang</div>
                <ul>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/ms/faq/363193.html">php ob缓存介绍以及ob函数详解</a>
                            </div>
                            <div>2023-03-07 21:36:01</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/ms/faq/361226.html">MySQL使用cmd命令修改密码的操作</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="http://www.php.cn/ms/faq/375262.html">javascript如何操作cookie来实现用户登录代码实例详解</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="http://www.php.cn/ms/faq/370546.html">什么是php类？php类的属性详解</a>
                            </div>
                            <div>2023-03-11 13:22:01</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/ms/faq/375427.html">javascript基本函数debounce、poll和once实例用法详解</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="http://www.php.cn/ms/faq/370774.html">php7函数，声明，返回值等新特性介绍</a>
                            </div>
                            <div>2023-03-11 15:08:02</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/ms/faq/371828.html">php array_keys()如何获取数组键名用法详解</a>
                            </div>
                            <div>2023-03-12 07:44:02</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/ms/faq/370361.html">php深入理解刷新缓冲区函数用法</a>
                            </div>
                            <div>2023-03-11 10:18:01</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/ms/faq/375408.html">javascript如何使用函数和返回值用法实例详解</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="http://www.php.cn/ms/faq/362108.html">介绍Django查询数据库时各种种类的排序</a>
                            </div>
                            <div>1970-01-01 08:00:00</div>
                        </li>
                                    </ul>
            </div>
            <div class="wzconZzwz">
                <div class="wzconZzwztitle">Isu terkini</div>
                <div class="wdsyContent">
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="http://www.php.cn/ms/wenda/176199.html"  target="_blank" title="Cara untuk memberikan data melalui DOM dan bukannya melalui jadual" class="wdcdcTitle">Cara untuk memberikan data melalui DOM dan bukannya melalui jadual</a>
                            <a href="http://www.php.cn/ms/wenda/176199.html" class="wdcdcCons">Saya mempunyai soalan tentang aplikasi yang saya buat, saya menggunakan pangkalan data Ora...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> daripada 2024-04-04 18:17:27</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>3567</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/ms/wenda/176170.html"  target="_blank" title="Dapatkan semula sejarah kaedah pembayaran untuk pelanggan WooCommerce" class="wdcdcTitle">Dapatkan semula sejarah kaedah pembayaran untuk pelanggan WooCommerce</a>
                            <a href="http://www.php.cn/ms/wenda/176170.html" class="wdcdcCons">Saya menjumpai skrip yang membantu saya mendapatkan maklumat yang saya perlukan: kaedah pe...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> daripada 2024-04-04 14:57:11</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>428</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/ms/wenda/176142.html"  target="_blank" title="Bagaimanakah saya boleh menjadikan teks bertukar menjadi elemen baharu (seperti pembahagi) apabila diklik?" class="wdcdcTitle">Bagaimanakah saya boleh menjadikan teks bertukar menjadi elemen baharu (seperti pembahagi) apabila diklik?</a>
                            <a href="http://www.php.cn/ms/wenda/176142.html" class="wdcdcCons">Saya cuba mencari cara untuk menjadikan teks tertentu pada halaman bertukar menjadi pemisa...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> daripada 2024-04-04 11:21: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>1</div>
                                    <div class="wdcdcirwatch flexRow ira"><b  class="wdcdcirwatchi"></b>3580</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/ms/wenda/175627.html"  target="_blank" title="Bagaimana untuk menghapuskan aksara berulang tertentu dalam rentetan?" class="wdcdcTitle">Bagaimana untuk menghapuskan aksara berulang tertentu dalam rentetan?</a>
                            <a href="http://www.php.cn/ms/wenda/175627.html" class="wdcdcCons">Saya mempunyai rentetan ringkas dengan beberapa aksara berulang. Bolehkah seseorang tolong...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> daripada 2024-03-31 10:50:33</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>368</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/ms/wenda/175573.html"  target="_blank" title="API PayPal - Tingkatkan jumlah pesanan selepas kebenaran. Proses pembayaran terbaik?" class="wdcdcTitle">API PayPal - Tingkatkan jumlah pesanan selepas kebenaran. Proses pembayaran terbaik?</a>
                            <a href="http://www.php.cn/ms/wenda/175573.html" class="wdcdcCons">Kami menggunakan PayPal/API Braintree. Apakah cara yang betul untuk mengendalikan jumlah p...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> daripada 2024-03-30 19:45:14</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>418</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                    </div>
            </div>
            <div class="wzconZt" >
                <div class="wzczt-title">
                    <div>Topik-topik yang berkaitan</div>
                    <a href="http://www.php.cn/ms/faq/zt" target="_blank">Lagi>
                    </a>
                </div>
                <div class="wzcttlist">
                    <ul>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/ms/faq/vscodeyxhtml"><img src="https://img.php.cn/upload/subject/202407/22/2024072212181856326.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Apakah pemalam yang diperlukan untuk vscode menjalankan HTML?" /> </a>
                            <a target="_blank" href="http://www.php.cn/ms/faq/vscodeyxhtml" class="title-a-spanl" title="Apakah pemalam yang diperlukan untuk vscode menjalankan HTML?"><span>Apakah pemalam yang diperlukan untuk vscode menjalankan HTML?</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/ms/faq/cjjhcyydqb"><img src="https://img.php.cn/upload/subject/202407/22/2024072212233818290.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Apakah perbezaan antara bahasa c++ dan c" /> </a>
                            <a target="_blank" href="http://www.php.cn/ms/faq/cjjhcyydqb" class="title-a-spanl" title="Apakah perbezaan antara bahasa c++ dan c"><span>Apakah perbezaan antara bahasa c++ dan c</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/ms/faq/gjyycxsj"><img src="https://img.php.cn/upload/subject/202407/22/2024072214382658478.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Pengaturcaraan bahasa peringkat tinggi" /> </a>
                            <a target="_blank" href="http://www.php.cn/ms/faq/gjyycxsj" class="title-a-spanl" title="Pengaturcaraan bahasa peringkat tinggi"><span>Pengaturcaraan bahasa peringkat tinggi</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/ms/faq/tomcatrzlmzmj"><img src="https://img.php.cn/upload/subject/202407/22/2024072213270815728.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Bagaimana untuk menyelesaikan log tomcat yang kacau" /> </a>
                            <a target="_blank" href="http://www.php.cn/ms/faq/tomcatrzlmzmj" class="title-a-spanl" title="Bagaimana untuk menyelesaikan log tomcat yang kacau"><span>Bagaimana untuk menyelesaikan log tomcat yang kacau</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/ms/faq/dnyjscdwjzmhf"><img src="https://img.php.cn/upload/subject/202407/22/2024072213261175426.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Bagaimana untuk memulihkan fail yang dipadam secara kekal pada komputer" /> </a>
                            <a target="_blank" href="http://www.php.cn/ms/faq/dnyjscdwjzmhf" class="title-a-spanl" title="Bagaimana untuk memulihkan fail yang dipadam secara kekal pada komputer"><span>Bagaimana untuk memulihkan fail yang dipadam secara kekal pada komputer</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/ms/faq/dnmrwgbkyxfff"><img src="https://img.php.cn/upload/subject/202407/22/2024072212323784034.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Cara membetulkan get laluan lalai komputer tidak tersedia" /> </a>
                            <a target="_blank" href="http://www.php.cn/ms/faq/dnmrwgbkyxfff" class="title-a-spanl" title="Cara membetulkan get laluan lalai komputer tidak tersedia"><span>Cara membetulkan get laluan lalai komputer tidak tersedia</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/ms/faq/hsdfhzssm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214050569257.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Apakah nilai pulangan bagi fungsi tersebut" /> </a>
                            <a target="_blank" href="http://www.php.cn/ms/faq/hsdfhzssm" class="title-a-spanl" title="Apakah nilai pulangan bagi fungsi tersebut"><span>Apakah nilai pulangan bagi fungsi tersebut</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/ms/faq/sjlxynjz"><img src="https://img.php.cn/upload/subject/202407/22/2024072213530697398.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Apakah jenis data?" /> </a>
                            <a target="_blank" href="http://www.php.cn/ms/faq/sjlxynjz" class="title-a-spanl" title="Apakah jenis data?"><span>Apakah jenis data?</span> </a>
                        </li>
                                            </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="phpwzright">
        <div class="wzrOne">
            <div class="wzroTitle">Cadangan popular</div>
            <div class="wzroList">
                <ul>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="url是什么意思？" href="http://www.php.cn/ms/faq/418772.html">url是什么意思？</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="DOM是什么意思" href="http://www.php.cn/ms/faq/414303.html">DOM是什么意思</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="如何改变图片大小" href="http://www.php.cn/ms/faq/414252.html">如何改变图片大小</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="HTML中如何将字体加粗" href="http://www.php.cn/ms/faq/414520.html">HTML中如何将字体加粗</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="html图片大小如何设置" href="http://www.php.cn/ms/faq/475145.html">html图片大小如何设置</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>Tutorial Popular</div>
                <a target="_blank" href="http://www.php.cn/ms/course.html">Lagi>
                </a>
            </div>
            <div class="wzrthreelist swiper2">
                <div class="wzrthreeTab  swiper-wrapper">
                    <div class="check tabdiv swiper-slide" data-id="one">Tutorial berkaitan <div></div></div>
                    <div class="tabdiv swiper-slide" data-id="two">Cadangan popular<div></div></div>
                    <div class="tabdiv swiper-slide" data-id="three">Kursus terkini<div></div></div>
                </div>
                <ul class="one">
                                                <li>
                                <a target="_blank" href="http://www.php.cn/ms/course/812.html" title="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)" href="http://www.php.cn/ms/course/812.html">Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)</a>
                                    <div class="wzrthreerb">
                                        <div>1406652 <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/ms/course/74.html" title="Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu" href="http://www.php.cn/ms/course/74.html">Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu</a>
                                    <div class="wzrthreerb">
                                        <div>4236929 <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/ms/course/286.html" title="Tutorial Video Permulaan JAVA" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="Tutorial Video Permulaan JAVA"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="Tutorial Video Permulaan JAVA" href="http://www.php.cn/ms/course/286.html">Tutorial Video Permulaan JAVA</a>
                                    <div class="wzrthreerb">
                                        <div>2432091 <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/ms/course/504.html" title="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python" href="http://www.php.cn/ms/course/504.html">Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python</a>
                                    <div class="wzrthreerb">
                                        <div>500037 <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/ms/course/2.html" title="Tutorial pengenalan berasaskan sifar PHP" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="Tutorial pengenalan berasaskan sifar PHP"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="Tutorial pengenalan berasaskan sifar PHP" href="http://www.php.cn/ms/course/2.html">Tutorial pengenalan berasaskan sifar PHP</a>
                                    <div class="wzrthreerb">
                                        <div>838222 <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/ms/course/812.html" title="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)" href="http://www.php.cn/ms/course/812.html">Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)</a>
                                <div class="wzrthreerb">
                                    <div >1406652 kali belajar</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/ms/course/286.html" title="Tutorial Video Permulaan JAVA" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="Tutorial Video Permulaan JAVA"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Tutorial Video Permulaan JAVA" href="http://www.php.cn/ms/course/286.html">Tutorial Video Permulaan JAVA</a>
                                <div class="wzrthreerb">
                                    <div >2432091 kali belajar</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/ms/course/504.html" title="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python" href="http://www.php.cn/ms/course/504.html">Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python</a>
                                <div class="wzrthreerb">
                                    <div >500037 kali belajar</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/ms/course/901.html" title="Pengenalan pantas kepada pembangunan bahagian hadapan web" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Pengenalan pantas kepada pembangunan bahagian hadapan web"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Pengenalan pantas kepada pembangunan bahagian hadapan web" href="http://www.php.cn/ms/course/901.html">Pengenalan pantas kepada pembangunan bahagian hadapan web</a>
                                <div class="wzrthreerb">
                                    <div >214491 kali belajar</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/ms/course/234.html" title="Kuasai tutorial video PS dari awal" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Kuasai tutorial video PS dari awal"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Kuasai tutorial video PS dari awal" href="http://www.php.cn/ms/course/234.html">Kuasai tutorial video PS dari awal</a>
                                <div class="wzrthreerb">
                                    <div >864685 kali belajar</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/ms/course/1648.html" title="[Web front-end] Permulaan pantas Node.js" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web front-end] Permulaan pantas Node.js"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="[Web front-end] Permulaan pantas Node.js" href="http://www.php.cn/ms/course/1648.html">[Web front-end] Permulaan pantas Node.js</a>
                                <div class="wzrthreerb">
                                    <div >5064 kali belajar</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/ms/course/1647.html" title="Koleksi lengkap kursus timbunan penuh pembangunan web asing" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Koleksi lengkap kursus timbunan penuh pembangunan web asing"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Koleksi lengkap kursus timbunan penuh pembangunan web asing" href="http://www.php.cn/ms/course/1647.html">Koleksi lengkap kursus timbunan penuh pembangunan web asing</a>
                                <div class="wzrthreerb">
                                    <div >3925 kali belajar</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/ms/course/1646.html" title="Gunakan GraphQL praktikal bahasa" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Gunakan GraphQL praktikal bahasa"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Gunakan GraphQL praktikal bahasa" href="http://www.php.cn/ms/course/1646.html">Gunakan GraphQL praktikal bahasa</a>
                                <div class="wzrthreerb">
                                    <div >3369 kali belajar</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/ms/course/1645.html" title="Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah" href="http://www.php.cn/ms/course/1645.html">Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah</a>
                                <div class="wzrthreerb">
                                    <div >572 kali belajar</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/ms/course/1644.html" title="Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam" href="http://www.php.cn/ms/course/1644.html">Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam</a>
                                <div class="wzrthreerb">
                                    <div >17288 kali belajar</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>Muat turun terkini</div>
                <a href="http://www.php.cn/ms/xiazai">Lagi>
                </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">kesan web <div></div></div>
                    <div class="swiper-slide" data-id="twof">Kod sumber laman web<div></div></div>
                    <div class="swiper-slide" data-id="threef">Bahan laman web<div></div></div>
                    <div class="swiper-slide" data-id="fourf">Templat hujung hadapan<div></div></div>
                </div>
                <ul class="onef">
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="kod hubungan borang mesej perusahaan jQuery" href="http://www.php.cn/ms/xiazai/js/8071">[butang borang] kod hubungan borang mesej perusahaan jQuery</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="Kesan main balik kotak muzik MP3 HTML5" href="http://www.php.cn/ms/xiazai/js/8070">[Kesan khas pemain] Kesan main balik kotak muzik MP3 HTML5</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="HTML5 kesan khas menu navigasi animasi zarah sejuk" href="http://www.php.cn/ms/xiazai/js/8069">[Navigasi menu] HTML5 kesan khas menu navigasi animasi zarah sejuk</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="jQuery bentuk visual seret dan lepas kod penyuntingan" href="http://www.php.cn/ms/xiazai/js/8068">[butang borang] jQuery bentuk visual seret dan lepas kod penyuntingan</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="Kod pemain muzik Kugou tiruan VUE.JS" href="http://www.php.cn/ms/xiazai/js/8067">[Kesan khas pemain] Kod pemain muzik Kugou tiruan VUE.JS</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="Permainan kotak menolak html5 klasik" href="http://www.php.cn/ms/xiazai/js/8066">[kesan khas html5] Permainan kotak menolak html5 klasik</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="menatal jQuery untuk menambah atau mengurangkan kesan imej" href="http://www.php.cn/ms/xiazai/js/8065">[Gambar kesan khas] menatal jQuery untuk menambah atau mengurangkan kesan imej</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="Kesan zum hover kulit album peribadi CSS3" href="http://www.php.cn/ms/xiazai/js/8064">[Kesan album foto] Kesan zum hover kulit album peribadi CSS3</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/ms/xiazai/code/8328" title="Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah" target="_blank">[Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="http://www.php.cn/ms/xiazai/code/8327" title="Templat halaman panduan resume peribadi berwarna segar" target="_blank">[Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="http://www.php.cn/ms/xiazai/code/8326" title="Templat Web Resume Kerja Kreatif Pereka" target="_blank">[Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="http://www.php.cn/ms/xiazai/code/8325" title="Templat laman web syarikat pembinaan kejuruteraan moden" target="_blank">[Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="http://www.php.cn/ms/xiazai/code/8324" title="Templat HTML5 responsif untuk institusi perkhidmatan pendidikan" target="_blank">[Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="http://www.php.cn/ms/xiazai/code/8323" title="Templat laman web pusat membeli-belah kedai e-buku dalam talian" target="_blank">[Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="http://www.php.cn/ms/xiazai/code/8322" title="Teknologi IT menyelesaikan templat tapak web syarikat Internet" target="_blank">[Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="http://www.php.cn/ms/xiazai/code/8321" title="Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu" target="_blank">[Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu</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/ms/xiazai/sucai/3078"  target="_blank"  title="可爱的夏天元素矢量素材(EPS+PNG)">[PNG素材] 可爱的夏天元素矢量素材(EPS+PNG)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="http://www.php.cn/ms/xiazai/sucai/3077"  target="_blank"  title="四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)">[PNG素材] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="http://www.php.cn/ms/xiazai/sucai/3076"  target="_blank"  title="唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)">[banner图] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="http://www.php.cn/ms/xiazai/sucai/3075"  target="_blank"  title="金色的毕业帽矢量素材(EPS+PNG)">[PNG素材] 金色的毕业帽矢量素材(EPS+PNG)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="http://www.php.cn/ms/xiazai/sucai/3074"  target="_blank"  title="黑白风格的山脉图标矢量素材(EPS+PNG)">[PNG素材] 黑白风格的山脉图标矢量素材(EPS+PNG)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="http://www.php.cn/ms/xiazai/sucai/3073"  target="_blank"  title="不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)">[PNG素材] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="http://www.php.cn/ms/xiazai/sucai/3072"  target="_blank"  title="扁平风格的植树节banner矢量素材(AI+EPS)">[banner图] 扁平风格的植树节banner矢量素材(AI+EPS)</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="http://www.php.cn/ms/xiazai/sucai/3071"  target="_blank"  title="九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)">[PNG素材] 九个漫画风格的爆炸聊天气泡矢量素材(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/ms/xiazai/code/8328"  target="_blank" title="Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah">[Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="http://www.php.cn/ms/xiazai/code/8327"  target="_blank" title="Templat halaman panduan resume peribadi berwarna segar">[Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="http://www.php.cn/ms/xiazai/code/8326"  target="_blank" title="Templat Web Resume Kerja Kreatif Pereka">[Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="http://www.php.cn/ms/xiazai/code/8325"  target="_blank" title="Templat laman web syarikat pembinaan kejuruteraan moden">[Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="http://www.php.cn/ms/xiazai/code/8324"  target="_blank" title="Templat HTML5 responsif untuk institusi perkhidmatan pendidikan">[Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="http://www.php.cn/ms/xiazai/code/8323"  target="_blank" title="Templat laman web pusat membeli-belah kedai e-buku dalam talian">[Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="http://www.php.cn/ms/xiazai/code/8322"  target="_blank" title="Teknologi IT menyelesaikan templat tapak web syarikat Internet">[Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="http://www.php.cn/ms/xiazai/code/8321"  target="_blank" title="Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu">[Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu</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>
<div class="phpFoot">
    <div class="phpFootIn">
        <div class="phpFootCont">
            <div class="phpFootLeft">
                <dl>
                    <dt>
                        <a href="http://www.php.cn/ms/about/us.html" rel="nofollow" target="_blank" title="Tentang kita" class="cBlack">Tentang kita</a>
                        <a href="http://www.php.cn/ms/about/disclaimer.html" rel="nofollow" target="_blank" title="Penafian" class="cBlack">Penafian</a>
                        <a href="http://www.php.cn/ms/update/article_0_1.html"   target="_blank" title="Sitemap" class="cBlack">Sitemap</a>
                        <div class="clear"></div>
                    </dt>
                    <dd class="cont1">Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！</dd>
                </dl>
              
            </div>
        </div>
    </div>
    </div>

<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>

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

表单元素：最全的各种html表单元素获取和使用方法总结