如何在HTML中指定是否啟用自動完成功能的<input>或<textarea>元素？-html教學-PHP中文網

首頁 > web前端 > html教學 > 如何在HTML中指定是否啟用自動完成功能的或

元素？                </div>
            </div>
        </div>
        <div class="wzContent">
            <div class="wzconTop">
                <h1 class="wzctTitle">如何在HTML中指定是否啟用自動完成功能的<input>或<textarea>元素？</h1>
                <div class="wzctPerson">
                    <div class="wzctpleft">
                        <a href="//m.sbmmt.com/zh-tw/member/887227.html" target="_blank">    <img src="https://img.php.cn/upload/avatar/000/887/227/63bb7851c9547215.jpg" /></a>
                        <div class="wzctplright">
                            <div class="wzctpltop">
                                                                    <div class="name">WBOY</div>
                                                            </div>
                            <div class="wzctpldown">
                                <span style="margin-left:0px; color: #999999;">發布：                                        2023-09-08 20:33:12</span>
                            </div>
                        </div>
                    </div>
                    <div class="wzctpright">
                        <div class="wzctpr">轉載</div>
                        <div class="wzctprll">947 人瀏覽過</div>
                    </div>
                </div>
            </div>
            <div class="wzconLine"></div>
            <div class="php-article">
                <div class="article-list-left detail-content-wrap content">
                <ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-5902227090019525"
     data-ad-slot="3461856641"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
                    <p><img src="https://img.php.cn/upload/article/000/887/227/169417639919251.jpg" alt="如何在HTML中指定是否啟用自動完成功能的<input>或<textarea>元素？"></p>
<p></p>
<p>使用<em>自動完成</em>屬性在 HTML 表單中啟用自動完成功能。 <em>自動完成</em>屬性與表單元素一起使用，以設定自動完成功能的開啟或關閉。如果<em>自動完成</em>功能已啟用，瀏覽器將根據使用者先前在欄位中輸入的內容自動顯示值。 </p>
<p>如果<em>自動完成</em> em>功能<em>關閉</em>，瀏覽器不會根據使用者先前在欄位中輸入的內容自動顯示值。 </p>
<p>以下是屬性值- </p>
<table style="width: 100%;">
<thead><tr>
<th style="width: 9.7862%; text-align: center;">S.否<p></p>
</th>
<th style="width: 23.5505%; text-align: center;">屬性值<p></p>
</th>
<th style="width: 66.6739%; text-align: center;">#說明<p></p>
</th>
</tr></thead>
<tbody>
<tr>
<td style="width: 9.7862%; text-align : center;">1<p></p>
</td>
<td style="width: 23.5505%; text-align: center;"><p></p></td>
<td> <p></p>
</td>這是預設值。瀏覽器會根據使用者先前輸入的內容自動補全值。 </tr>
<tr>
<td style="width: 9.7862%; text-align: center;"> p><p></p>
</td>2<td style="width: 23.5505%; text-align: center;"><p></p></td>
<td style="width: 66.6739%;"><p></p></td>#瀏覽器不會根據用戶之前輸入的內容完成值。使用者必須輸入值。 </tr>
</tbody>
</table>
<p></p>
<h2 ></h2>您可以嘗試執行以下程式碼來了解如何使用HTML 中的自動完成屬性。若要檢查以下程式碼的運行情況，請在輸入類型文字中輸入一些值，然後按一下「提交」。之後，再次填入欄位並再次執行程式碼，以便在欄位中輸入值時，您可以看到自動完成值。這是為了自動完成值。 <p></p>
<form>範例<input>您可以嘗試執行以下程式碼來指定  或 ### 元素應該在 HTML 中啟用自動完成 -###<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><!DOCTYPE html>
<html>
   <head>
      <title>HTML textarea Tag</title>
   </head>
   <body>
      <form action = "/cgi-bin/hello_get.cgi" method = "get" autocomplete="on">
         Full Name
         <br>
         <input type = "text" name = "fname">
         <br>
         <input type = "submit" value = "submit" />
      </form>
   </body>
</html></pre><div class="contentsignin">登入後複製</div></div>###</form><p>以上是如何在HTML中指定是否啟用自動完成功能的<input>或<textarea>元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！</p>                </div>
            </div>
            <div style="height: 25px;">
                                <div class="wzconBq" style="display: inline-flex;">
                    <span>相關標籤：</span>
                    <div class="wzcbqd">
                        <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/zh-tw/search?word=autocomplete自動完成" target="_blank">auto complete (自動完成)</a> <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/zh-tw/search?word=htmlformhtml表單" target="_blank">html form (html表單)</a> <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/zh-tw/search?word=disable禁用" target="_blank">disable (禁用)</a>                    </div>
                </div>
                                <div style="display: inline-flex;float: right; color:#333333;">來源：tutorialspoint.com</div>
                            </div>
            <div class="wzconOtherwz">
                                    <a href="//m.sbmmt.com/zh-tw/faq/604705.html" title="匹配以字母"p"結尾的任意字串">
                        <span>上一篇：匹配以字母"p"結尾的任意字串</span>
                    </a>
                                    <a href="//m.sbmmt.com/zh-tw/faq/604724.html"  title="HTML5畫布繪製的線條看起來模糊">
                        <span>下一篇：HTML5畫布繪製的線條看起來模糊</span>
                    </a>
                            </div>
            <div class="wzconShengming">
       
                <div class="bzsmdiv">本網站聲明</div>
                <div>本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡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">作者最新文章</div>
                <ul>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796639331.html">什麼是 NullPointerException，如何修復它？</a>
                            </div>
                            <div>2024-10-22 09:46:29</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796629482.html">從新手到程式設計師：您的旅程從 C 基礎知識開始</a>
                            </div>
                            <div>2024-10-13 13:53:41</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796628545.html">使用 PHP 解鎖 Web 開發：初學者指南</a>
                            </div>
                            <div>2024-10-12 12:15:51</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796627928.html">揭秘 C：為新程式設計師提供一條清晰簡單的道路</a>
                            </div>
                            <div>2024-10-11 22:47:31</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796627806.html">釋放您的編碼潛力：絕對初學者的 C 編程</a>
                            </div>
                            <div>2024-10-11 19:36:51</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796627670.html">釋放你內心的程式設計師：C 絕對初學者</a>
                            </div>
                            <div>2024-10-11 15:50:41</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796627643.html">使用 C 自動化您的生活：適合初學者的腳本和工具</a>
                            </div>
                            <div>2024-10-11 15:07:41</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796627620.html">PHP 變得簡單：Web 開發的第一步</a>
                            </div>
                            <div>2024-10-11 14:21:21</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796627574.html">使用 Python 建立任何東西：釋放創造力的初學者指南</a>
                            </div>
                            <div>2024-10-11 12:59:11</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796627539.html">編碼的關鍵：為初學者釋放 Python 的力量</a>
                            </div>
                            <div>2024-10-11 12:17:31</div>
                        </li>
                                    </ul>
            </div>
            <div class="wzconZzwz">
                <div class="wzconZzwztitle">最新問題</div>
                <div class="wdsyContent">
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="//m.sbmmt.com/zh-tw/wenda/176232.html"  target="_blank" title="CommandText屬性初始化問題" class="wdcdcTitle">CommandText屬性初始化問題</a>
                            <a href="//m.sbmmt.com/zh-tw/wenda/176232.html" class="wdcdcCons">我正在嘗試使用C#控制台應用程式同時將資料實現到2個（後來是3個）表中。我想在表格「用戶」中實現名字、姓氏和用戶ID，用戶ID將自動遞增。同樣的userID也應該與porilfeI...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> 來自於 2024-04-04 22:43:24</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>385</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="//m.sbmmt.com/zh-tw/wenda/175643.html"  target="_blank" title="在Spring Boot執行期間使用部分Http請求Url更改資料庫" class="wdcdcTitle">在Spring Boot執行期間使用部分Http請求Url更改資料庫</a>
                            <a href="//m.sbmmt.com/zh-tw/wenda/175643.html" class="wdcdcCons">每次有新的Http請求時，我都需要更改目前使用的資料庫，並且其名稱是HttpURL請求的一部分。我正在嘗試使用以下程式碼，但是當我調用該服務並且它正在執行時，在前一個服務完成之前我...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> 來自於 2024-03-31 12:55:54</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>340</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                    </div>
            </div>

<div class="wzconZt" >
                <div class="wzczt-title">
                    <div>相關專題</div>
                    <a href="//m.sbmmt.com/zh-tw/faq/zt" target="_blank">更多>
                    </a>
                </div>
                <div class="wzcttlist">
                    <ul>
                                                <li class="ul-li">
                            <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/dsptynx"><img src="https://img.php.cn/upload/subject/202407/22/2024072214181430959.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="電商平台有哪些" /> </a>
                            <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/dsptynx" class="title-a-spanl" title="電商平台有哪些"><span>電商平台有哪些</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/cppessm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214412976891.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="磁碟配額是什麼" /> </a>
                            <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/cppessm" class="title-a-spanl" title="磁碟配額是什麼"><span>磁碟配額是什麼</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/szhbjyspmqs"><img src="https://img.php.cn/upload/subject/202407/22/2024072213295422168.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="數位貨幣交易所排名前十" /> </a>
                            <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/szhbjyspmqs" class="title-a-spanl" title="數位貨幣交易所排名前十"><span>數位貨幣交易所排名前十</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/dexgnszhbjs"><img src="https://img.php.cn/upload/subject/202407/22/2024072213263678161.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="dex概念數位貨幣介紹" /> </a>
                            <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/dexgnszhbjs" class="title-a-spanl" title="dex概念數位貨幣介紹"><span>dex概念數位貨幣介紹</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/mysqlzmckccgc"><img src="https://img.php.cn/upload/subject/202407/22/2024072214044165230.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="MySQL怎麼查看預存程序" /> </a>
                            <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/mysqlzmckccgc" class="title-a-spanl" title="MySQL怎麼查看預存程序"><span>MySQL怎麼查看預存程序</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/hnxhtrj"><img src="https://img.php.cn/upload/subject/202407/22/2024072214183217865.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="有哪些畫圖軟體" /> </a>
                            <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/hnxhtrj" class="title-a-spanl" title="有哪些畫圖軟體"><span>有哪些畫圖軟體</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/jtwyhdtwydqb"><img src="https://img.php.cn/upload/subject/202407/22/2024072214412078980.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="靜態網頁和動態網頁的差別" /> </a>
                            <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/jtwyhdtwydqb" class="title-a-spanl" title="靜態網頁和動態網頁的差別"><span>靜態網頁和動態網頁的差別</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/laravelzjjs"><img src="https://img.php.cn/upload/subject/202407/22/2024072212120898031.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="laravel組件介紹" /> </a>
                            <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/laravelzjjs" class="title-a-spanl" title="laravel組件介紹"><span>laravel組件介紹</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">熱門推薦</div>
            <div class="wzroList">
                <ul>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="url是什麼意思？" href="//m.sbmmt.com/zh-tw/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="//m.sbmmt.com/zh-tw/faq/414303.html">DOM是什麼意思</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="如何改變圖片大小" href="//m.sbmmt.com/zh-tw/faq/414252.html">如何改變圖片大小</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="HTML中如何將字型加粗" href="//m.sbmmt.com/zh-tw/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="//m.sbmmt.com/zh-tw/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>熱門教學</div>
                <a target="_blank" href="//m.sbmmt.com/zh-tw/course.html">更多>
                </a>
            </div>
            <div class="wzrthreelist swiper2">
                <div class="wzrthreeTab  swiper-wrapper">
                    <div class="check tabdiv swiper-slide" data-id="one">相關教學 <div></div></div>
                    <div class="tabdiv swiper-slide" data-id="two">熱門推薦<div></div></div>
                    <div class="tabdiv swiper-slide" data-id="three">最新課程<div></div></div>
                </div>
                <ul class="one">
                                                <li>
                                <a target="_blank" href="//m.sbmmt.com/zh-tw/course/812.html" title="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)" href="//m.sbmmt.com/zh-tw/course/812.html">最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)</a>
                                    <div class="wzrthreerb">
                                        <div>1421462 <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="//m.sbmmt.com/zh-tw/course/74.html" title="php入門教程之一週學會PHP" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="php入門教程之一週學會PHP"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="php入門教程之一週學會PHP" href="//m.sbmmt.com/zh-tw/course/74.html">php入門教程之一週學會PHP</a>
                                    <div class="wzrthreerb">
                                        <div>4265303 <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="//m.sbmmt.com/zh-tw/course/286.html" title="JAVA 初級入門影片教學" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初級入門影片教學"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="JAVA 初級入門影片教學" href="//m.sbmmt.com/zh-tw/course/286.html">JAVA 初級入門影片教學</a>
                                    <div class="wzrthreerb">
                                        <div>2517082 <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="//m.sbmmt.com/zh-tw/course/504.html" title="小甲魚零基礎入門學習Python影片教學" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="小甲魚零基礎入門學習Python影片教學"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="小甲魚零基礎入門學習Python影片教學" href="//m.sbmmt.com/zh-tw/course/504.html">小甲魚零基礎入門學習Python影片教學</a>
                                    <div class="wzrthreerb">
                                        <div>506301 <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="//m.sbmmt.com/zh-tw/course/2.html" title="PHP 零基礎入門教學" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="PHP 零基礎入門教學"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="PHP 零基礎入門教學" href="//m.sbmmt.com/zh-tw/course/2.html">PHP 零基礎入門教學</a>
                                    <div class="wzrthreerb">
                                        <div>861460 <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="//m.sbmmt.com/zh-tw/course/812.html" title="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)" href="//m.sbmmt.com/zh-tw/course/812.html">最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)</a>
                                <div class="wzrthreerb">
                                    <div >1421462次學習</div>
                                                                                <div class="courseICollection" data-id="812">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/zh-tw/course/286.html" title="JAVA 初級入門影片教學" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA 初級入門影片教學"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="JAVA 初級入門影片教學" href="//m.sbmmt.com/zh-tw/course/286.html">JAVA 初級入門影片教學</a>
                                <div class="wzrthreerb">
                                    <div >2517082次學習</div>
                                                                                <div class="courseICollection" data-id="286">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/zh-tw/course/504.html" title="小甲魚零基礎入門學習Python影片教學" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="小甲魚零基礎入門學習Python影片教學"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="小甲魚零基礎入門學習Python影片教學" href="//m.sbmmt.com/zh-tw/course/504.html">小甲魚零基礎入門學習Python影片教學</a>
                                <div class="wzrthreerb">
                                    <div >506301次學習</div>
                                                                                <div class="courseICollection" data-id="504">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/zh-tw/course/901.html" title="Web前端開發極速入門" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Web前端開發極速入門"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Web前端開發極速入門" href="//m.sbmmt.com/zh-tw/course/901.html">Web前端開發極速入門</a>
                                <div class="wzrthreerb">
                                    <div >215636次學習</div>
                                                                                <div class="courseICollection" data-id="901">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/zh-tw/course/234.html" title="零基礎精通 PS 影片教學" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="零基礎精通 PS 影片教學"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="零基礎精通 PS 影片教學" href="//m.sbmmt.com/zh-tw/course/234.html">零基礎精通 PS 影片教學</a>
                                <div class="wzrthreerb">
                                    <div >886441次學習</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="//m.sbmmt.com/zh-tw/course/1648.html" title="【web前端】Node.js快速入門" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="【web前端】Node.js快速入門"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="【web前端】Node.js快速入門" href="//m.sbmmt.com/zh-tw/course/1648.html">【web前端】Node.js快速入門</a>
                                <div class="wzrthreerb">
                                    <div >7220次學習</div>
                                                                                <div class="courseICollection" data-id="1648">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/zh-tw/course/1647.html" title="國外Web開發全端課程全集" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="國外Web開發全端課程全集"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="國外Web開發全端課程全集" href="//m.sbmmt.com/zh-tw/course/1647.html">國外Web開發全端課程全集</a>
                                <div class="wzrthreerb">
                                    <div >5618次學習</div>
                                                                                <div class="courseICollection" data-id="1647">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/zh-tw/course/1646.html" title="Go語言實戰之 GraphQL" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go語言實戰之 GraphQL"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="Go語言實戰之 GraphQL" href="//m.sbmmt.com/zh-tw/course/1646.html">Go語言實戰之 GraphQL</a>
                                <div class="wzrthreerb">
                                    <div >4727次學習</div>
                                                                                <div class="courseICollection" data-id="1646">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/zh-tw/course/1645.html" title="550W粉絲大佬手把手從零學JavaScript" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W粉絲大佬手把手從零學JavaScript"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="550W粉絲大佬手把手從零學JavaScript" href="//m.sbmmt.com/zh-tw/course/1645.html">550W粉絲大佬手把手從零學JavaScript</a>
                                <div class="wzrthreerb">
                                    <div >674次學習</div>
                                                                                <div class="courseICollection" data-id="1645">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                            <li>
                            <a target="_blank" href="//m.sbmmt.com/zh-tw/course/1644.html" title="python大神Mosh，零基礎小白6小時完全入門" class="wzrthreelaimg">
                                <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="python大神Mosh，零基礎小白6小時完全入門"/>
                            </a>
                            <div class="wzrthree-right">
                                <a target="_blank" title="python大神Mosh，零基礎小白6小時完全入門" href="//m.sbmmt.com/zh-tw/course/1644.html">python大神Mosh，零基礎小白6小時完全入門</a>
                                <div class="wzrthreerb">
                                    <div >23799次學習</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>最新下載</div>
                <a href="//m.sbmmt.com/zh-tw/xiazai">更多>
                </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">網站特效 <div></div></div>
                    <div class="swiper-slide" data-id="twof">網站源碼<div></div></div>
                    <div class="swiper-slide" data-id="threef">網站素材<div></div></div>
                    <div class="swiper-slide" data-id="fourf">前端模板<div></div></div>
                </div>
                <ul class="onef">
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="jQuery企業留言表單聯絡程式碼" href="//m.sbmmt.com/zh-tw/toolset/js-special-effects/8071">[表單按鈕] jQuery企業留言表單聯絡程式碼</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="HTML5 MP3音樂盒播放特效" href="//m.sbmmt.com/zh-tw/toolset/js-special-effects/8070">[播放器特效] HTML5 MP3音樂盒播放特效</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="HTML5酷炫粒子動畫導覽選單特效" href="//m.sbmmt.com/zh-tw/toolset/js-special-effects/8069">[選單導航] HTML5酷炫粒子動畫導覽選單特效</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="jQuery可視化表單拖曳編輯程式碼" href="//m.sbmmt.com/zh-tw/toolset/js-special-effects/8068">[表單按鈕] jQuery可視化表單拖曳編輯程式碼</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="VUE.JS仿酷狗音樂播放器代碼" href="//m.sbmmt.com/zh-tw/toolset/js-special-effects/8067">[播放器特效] VUE.JS仿酷狗音樂播放器代碼</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="經典html5推箱子小遊戲" href="//m.sbmmt.com/zh-tw/toolset/js-special-effects/8066">[html5特效] 經典html5推箱子小遊戲</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="jQuery滾動添加或減少圖片特效" href="//m.sbmmt.com/zh-tw/toolset/js-special-effects/8065">[圖片特效] jQuery滾動添加或減少圖片特效</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a target="_blank"  title="CSS3個人相簿封面懸停放大特效" href="//m.sbmmt.com/zh-tw/toolset/js-special-effects/8064">[相簿特效] CSS3個人相簿封面懸停放大特效</a>
                            </div>
                        </li>
                                    </ul>
                <ul class="twof" style="display:none">
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8328" title="家居裝潢清潔維修服務公司網站模板" target="_blank">[前端模板] 家居裝潢清潔維修服務公司網站模板</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8327" title="清新配色個人求職履歷引導頁模板" target="_blank">[前端模板] 清新配色個人求職履歷引導頁模板</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8326" title="設計師創意求職履歷網頁模板" target="_blank">[前端模板] 設計師創意求職履歷網頁模板</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8325" title="現代工程建築公司網站模板" target="_blank">[前端模板] 現代工程建築公司網站模板</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8324" title="教育服務機構響應式HTML5模板" target="_blank">[前端模板] 教育服務機構響應式HTML5模板</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8323" title="網上電子書店商城網站模板" target="_blank">[前端模板] 網上電子書店商城網站模板</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8322" title="IT技術解決互聯網公司網站模板" target="_blank">[前端模板] IT技術解決互聯網公司網站模板</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8321" title="紫色風格外匯交易服務網站模板" target="_blank">[前端模板] 紫色風格外匯交易服務網站模板</a>
                            </div>
                        </li>
                                    </ul>
                <ul class="threef" style="display:none">
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/zh-tw/toolset/website-materials/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="//m.sbmmt.com/zh-tw/toolset/website-materials/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="//m.sbmmt.com/zh-tw/toolset/website-materials/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="//m.sbmmt.com/zh-tw/toolset/website-materials/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="//m.sbmmt.com/zh-tw/toolset/website-materials/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="//m.sbmmt.com/zh-tw/toolset/website-materials/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="//m.sbmmt.com/zh-tw/toolset/website-materials/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="//m.sbmmt.com/zh-tw/toolset/website-materials/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="//m.sbmmt.com/zh-tw/toolset/website-source-code/8328"  target="_blank" title="家居裝潢清潔維修服務公司網站模板">[前端模板] 家居裝潢清潔維修服務公司網站模板</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8327"  target="_blank" title="清新配色個人求職履歷引導頁模板">[前端模板] 清新配色個人求職履歷引導頁模板</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8326"  target="_blank" title="設計師創意求職履歷網頁模板">[前端模板] 設計師創意求職履歷網頁模板</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8325"  target="_blank" title="現代工程建築公司網站模板">[前端模板] 現代工程建築公司網站模板</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8324"  target="_blank" title="教育服務機構響應式HTML5模板">[前端模板] 教育服務機構響應式HTML5模板</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8323"  target="_blank" title="網上電子書店商城網站模板">[前端模板] 網上電子書店商城網站模板</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8322"  target="_blank" title="IT技術解決互聯網公司網站模板">[前端模板] IT技術解決互聯網公司網站模板</a>
                            </div>
                        </li>
                                            <li>
                            <div class="wzrfourli">
                                <span class="layui-badge-dots wzrflr"></span>
                                <a href="//m.sbmmt.com/zh-tw/toolset/website-source-code/8321"  target="_blank" title="紫色風格外匯交易服務網站模板">[前端模板] 紫色風格外匯交易服務網站模板</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>公益線上PHP培訓，幫助PHP學習者快速成長！</p>
        </div>
        <div class="footermid">
            <a href="//m.sbmmt.com/zh-tw/about/us.html">關於我們</a>
            <a href="//m.sbmmt.com/zh-tw/about/disclaimer.html">免責聲明</a>
            <a href="//m.sbmmt.com/zh-tw/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>