84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
如何利用Vue表單處理實作複雜表單佈局
在開發網頁應用程式中，表單是非常常見的一種元素。而在某些情況下，我們需要實作一些更複雜的表單佈局，以滿足業務需求。使用Vue.js作為前端框架，我們可以輕鬆處理複雜表單佈局，並且實現資料的雙向綁定。
在本文中，我們將介紹如何利用Vue表單處理實作複雜表單佈局，並附上對應的程式碼範例。
以下是一個範例程式碼：
< input>
</code>等，可以很方便地建立表單輸入元素。</li> </ol> <p>以下是一個範例程式碼：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:html;toolbar:false;"><template> <div> <label for="name">姓名：</label> <input type="text" id="name" v-model="formData.name"> <label for="age">年龄：</label> <input type="number" id="age" v-model="formData.age"> <label for="gender">性别：</label> <select id="gender" v-model="formData.gender"> <option value="male">男</option> <option value="female">女</option> </select> </div> </template> <script> export default { data() { return { formData: { name: '', age: '', gender: '' } } } } </script></pre> <div class="contentsignin"> 登入後複製 </div> </div> <p>以上程式碼示範如何使用Vue表單元件建立一個簡單的表單輸入元素，並且實作了資料的雙向綁定。透過<code>v-model</code>指令，將輸入元素與表單資料綁定，當輸入元素的值發生變化時，表單資料也會隨之更新。</p> <ol start="3"> <li>表單驗證<br>當處理複雜表單佈局時，表單驗證是一個必不可少的環節。 Vue.js提供了一些內建的表單驗證指令，可以很方便地進行表單驗證。</li> </ol> <p>以下是一個範例程式碼：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:html;toolbar:false;"><template> <div> <label for="name">姓名：</label> <input type="text" id="name" v-model="formData.name" required> <span v-if="!formData.name">姓名不能为空</span> <label for="age">年龄：</label> <input type="number" id="age" v-model="formData.age" min="18" max="60"> <span v-if="formData.age < 18 || formData.age > 60">年龄必须在18岁到60岁之间</span> <label for="gender">性别：</label> <select id="gender" v-model="formData.gender" required> <option value="">请选择</option> <option value="male">男</option> <option value="female">女</option> </select> <span v-if="!formData.gender">性别不能为空</span> </div> </template> <script> export default { data() { return { formData: { name: '', age: '', gender: '' } } } } </script></pre> <div class="contentsignin"> 登入後複製 </div> </div> <p>以上程式碼示範如何在Vue表單中進行簡單的表單驗證。透過新增對應的驗證指令，例如<code>required</code>、<code>min</code>和<code>max</code>等，可以對表單輸入進行限制，並透過<code>v-if</code>指令配合條件判斷，顯示對應的錯誤訊息。</p> <p>總結：<br>利用Vue表單處理實作複雜表單佈局可以大幅提高開發效率和程式碼可維護性。透過Vue元件化想法、Vue表單元件和表單驗證，我們可以輕鬆地建立一個強大的複雜表單佈局。希望本文對你在Vue開發中處理複雜表單佈局有所幫助！</p> <p>以上是如何利用Vue表單處理實現複雜表單佈局的詳細內容。更多資訊請關注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=vue表單" target="_blank">vue表單</a> <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/zh-tw/search?word=處理實現" target="_blank">處理實現</a> <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/zh-tw/search?word=複雜佈局" target="_blank">複雜佈局</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;"> 來源：php.cn </div> </div> <div class="wzconOtherwz"> <a href="//m.sbmmt.com/zh-tw/faq/591144.html" title=""><span>上一篇：Vue與伺服器端通訊的刨析：如何減少網路請求次數</span></a> <a href="//m.sbmmt.com/zh-tw/faq/591169.html" title=""><span>下一篇：Vue與伺服器端通訊的刨析：如何實現登入鑑權</span></a> </div> <div class="wzconShengming"> <div class="bzsmdiv"> 本網站聲明 </div> <div> 本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡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"> 作者最新文章 </div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796595533.html">超市購物者分享更快使用自助結帳機的「技巧」 - 但有些人發出警告</a> </div> <div> 2024-09-01 21:27:30 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796595532.html">Sentry執行長Pete McPartland談侵權改革和商業保險市場發展的前景</a> </div> <div> 2024-09-01 21:25:30 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796595530.html">隨著市場趨勢的急劇轉變，萊特幣面臨不確定的時期。交易員突然外流引發對其未來的疑問</a> </div> <div> 2024-09-01 21:23:30 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796595526.html">隨著復甦跡象的出現，Uniswap (UNI) 價格瞄準 7 美元大關</a> </div> <div> 2024-09-01 21:19:30 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796595525.html">比特幣 (BTC) 每週下跌 9%，隨著加密貨幣總市值下跌 $250B，山寨幣變紅</a> </div> <div> 2024-09-01 21:17:30 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796595524.html">馬斯克勝訴 X 會整合狗狗幣嗎？</a> </div> <div> 2024-09-01 21:16:31 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796595522.html">比特幣礦工認為市場進入'決策區”，比特幣橫盤交易至 58800 美元</a> </div> <div> 2024-09-01 21:14:30 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796595519.html">JavaScript引擎</a> </div> <div> 2024-09-01 21:13:37 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796595518.html">揭秘 JS 中的閉包</a> </div> <div> 2024-09-01 21:13:32 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/zh-tw/faq/1796595520.html">2022 年以太幣 (ETH) 價格預測 – ETH 會再次上漲嗎？</a> </div> <div> 2024-09-01 21:13:30 </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/173543.html" target="_blank" title="如何在 Dash 中使表格的儲存格值超連結？ （使用 Plotly、Dash、Pandas 等）" class="wdcdcTitle">如何在 Dash 中使表格的儲存格值超連結？ （使用 Plotly、Dash、Pandas 等）</a> <a href="//m.sbmmt.com/zh-tw/wenda/173543.html" class="wdcdcCons">我想將“JobLink”列下的儲存格值設為超連結。當我單擊此連結時，它應該導航到新選項卡/視窗中的連結。請幫忙如何實現？表在Dash中顯示，我發現很難使其超連結。附截圖：https...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">來自於 2023-11-17 18:47:10</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>283 </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/173529.html" target="_blank" title="驗證表單中物件的欄位 - Vue 3 + Vee-validate + 是的" class="wdcdcTitle">驗證表單中物件的欄位 - Vue 3 + Vee-validate + 是的</a> <a href="//m.sbmmt.com/zh-tw/wenda/173529.html" class="wdcdcCons">我有一個表單，其中某些欄位位於物件內：<scriptsetuplang="ts">...constschema:yup.SchemaOf<an...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">來自於 2023-11-16 13:56:09</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>169 </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/173518.html" target="_blank" title="Vue 3 Composition API - 停用表單提交按鈕，直到滿足所有條件" class="wdcdcTitle">Vue 3 Composition API - 停用表單提交按鈕，直到滿足所有條件</a> <a href="//m.sbmmt.com/zh-tw/wenda/173518.html" class="wdcdcCons">我想停用表單提交按鈕，直到所有輸入欄位都已填寫且沒有錯誤。 <button:disabled="disabled"type="submit&qu...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">來自於 2023-11-13 09:41:53</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>3 </div> <div class="wdcdcirwatch flexRow ira"> <b class="wdcdcirwatchi"></b>438 </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/173501.html" target="_blank" title="標題重寫為：Dynamic component import in Vite with React and typescript causing failure in fast refresh" class="wdcdcTitle">標題重寫為：Dynamic component import in Vite with React and typescript causing failure in fast refresh</a> <a href="//m.sbmmt.com/zh-tw/wenda/173501.html" class="wdcdcCons">我正在嘗試建立一個多步驟表單，我將資料放在一個單獨的檔案中，用於這樣的常數從「react」匯入{lazy}；exportconststeps=[{id:0,name:'Person...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">來自於 2023-11-10 20:45:29</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"> <b class="wdcdcirpli"></b>1 </div> <div class="wdcdcirwatch flexRow ira"> <b class="wdcdcirwatchi"></b>505 </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/173495.html" target="_blank" title="PHP郵件傳送器無法正常運作：沒有錯誤日誌，訊息顯示已傳送，但未收到" class="wdcdcTitle">PHP郵件傳送器無法正常運作：沒有錯誤日誌，訊息顯示已傳送，但未收到</a> <a href="//m.sbmmt.com/zh-tw/wenda/173495.html" class="wdcdcCons">我的網站伺服器的php錯誤日誌中沒有收到任何錯誤日誌。我嘗試過多個不同的SMTP伺服器（我知道的其他電子郵件提供者也可以使用）。這是我的HTML表單：<formaction=...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">來自於 2023-11-10 15:02:39</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"> <b class="wdcdcirpli"></b>1 </div> <div class="wdcdcirwatch flexRow ira"> <b class="wdcdcirwatchi"></b>218 </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/xmlgsssmys"><img src="https://img.php.cn/upload/subject/202407/22/2024072212153429282.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="xml格式是什麼意思"></a><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/xmlgsssmys" class="title-a-spanl" title=""><span>xml格式是什麼意思</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/dytczmqhcs"><img src="https://img.php.cn/upload/subject/202407/22/2024072211504727422.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="抖音同城怎麼切換城市"></a><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/dytczmqhcs" class="title-a-spanl" title=""><span>抖音同城怎麼切換城市</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/dhcp"><img src="https://img.php.cn/upload/subject/202407/22/2024072214145930265.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="dhcp是什麼意思"></a><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/dhcp" class="title-a-spanl" title=""><span>dhcp是什麼意思</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/biosjc"><img src="https://img.php.cn/upload/subject/202407/22/2024072214222368678.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="bios偵測不到固態硬碟"></a><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/biosjc" class="title-a-spanl" title=""><span>bios偵測不到固態硬碟</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/treenode"><img src="https://img.php.cn/upload/subject/202407/22/2024072213414055266.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="treenode的用法"></a><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/treenode" class="title-a-spanl" title=""><span>treenode的用法</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/articlesectio"><img src="https://img.php.cn/upload/subject/202407/22/2024072213351195985.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="article標籤和section標籤區別"></a><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/articlesectio" class="title-a-spanl" title=""><span>article標籤和section標籤區別</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/jhhsynwz"><img src="https://img.php.cn/upload/subject/202407/22/2024072213331984348.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="聚合函數有哪五種"></a><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/jhhsynwz" class="title-a-spanl" title=""><span>聚合函數有哪五種</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/azsjsjqu"><img src="https://img.php.cn/upload/subject/202407/22/2024072214092958868.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="安卓手機資料移轉到蘋果手機"></a><a target="_blank" href="//m.sbmmt.com/zh-tw/faq/azsjsjqu" class="title-a-spanl" title=""><span>安卓手機資料移轉到蘋果手機</span></a></li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <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="vue子元件怎麼呼叫父元件的方法" href="//m.sbmmt.com/zh-tw/faq/483395.html">vue子元件怎麼呼叫父元件的方法</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="vue父元件怎麼呼叫子元件的方法" href="//m.sbmmt.com/zh-tw/faq/483398.html">vue父元件怎麼呼叫子元件的方法</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="vue3.0和vue2.0的差別是什麼？" href="//m.sbmmt.com/zh-tw/faq/464077.html">vue3.0和vue2.0的差別是什麼？</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title=".vue 是什麼" href="//m.sbmmt.com/zh-tw/faq/465747.html">.vue 是什麼</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="vue子元件怎麼傳值" href="//m.sbmmt.com/zh-tw/faq/480569.html">vue子元件怎麼傳值</a> </div></li> </ul> </div> </div> <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="" 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> 1397220 <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="" 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> 4210676 <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="" 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> 2368420 <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="" 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> 494640 <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="" 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> 828658 <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="" 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> 1397220次學習 </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="" 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> 2368420次學習 </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="" 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> 494640次學習 </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="" 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> 213694次學習 </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="" 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> 847178次學習 </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="" 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> 3596次學習 </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="" 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> 2757次學習 </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="" 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> 2245次學習 </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="" 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> 489次學習 </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="" 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> 12285次學習 </div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> </ul> </div> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div> 最新下載 </div> <a href="//m.sbmmt.com/zh-tw/xiazai">更多></a> </div> <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/xiazai/js/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/xiazai/js/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/xiazai/js/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/xiazai/js/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/xiazai/js/8067">[播放器特效] VUE.JS仿酷狗音樂播放器代碼</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[html5特效] 經典html5推箱子小遊戲" href="//m.sbmmt.com/zh-tw/xiazai/js/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/xiazai/js/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/xiazai/js/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/xiazai/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/xiazai/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/xiazai/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/xiazai/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/xiazai/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/xiazai/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/xiazai/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/xiazai/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/xiazai/sucai/3078" target="_blank" title="[PNG素材] 可愛的夏天元素向量素材(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/xiazai/sucai/3077" target="_blank" title="[PNG素材] 四個紅色的 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/xiazai/sucai/3076" target="_blank" title="[banner圖] 唱歌的小鳥和裝滿花朵的推車設計春天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/xiazai/sucai/3075" target="_blank" title="[PNG素材] 金色的畢業帽向量素材(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/xiazai/sucai/3074" target="_blank" title="[PNG素材] 黑白風格的山脈圖示向量素材(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/xiazai/sucai/3073" target="_blank" title="[PNG素材] 不同顏色披風和不同姿勢的超級英雄剪影向量素材(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/xiazai/sucai/3072" target="_blank" title="[banner圖] 扁平風格的植樹節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/xiazai/sucai/3071" target="_blank" title="[PNG素材] 九種漫畫風格的爆炸聊天氣泡向量素材(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/xiazai/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/xiazai/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/xiazai/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/xiazai/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/xiazai/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/xiazai/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/xiazai/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/xiazai/code/8321" target="_blank" title="[前端模板] 紫色風格外匯交易服務網站模板">[前端模板] 紫色風格外匯交易服務網站模板</a> </div></li> </ul> </div> </div> </div> </div> <div class="phpFoot"> <div class="phpFootIn"> <div class="phpFootCont"> <div class="phpFootLeft"> <dl> <dt> <a href="//m.sbmmt.com/zh-tw/about/us.html" rel="nofollow" target="_blank" title="關於我們" class="cBlack">關於我們</a> <a href="//m.sbmmt.com/zh-tw/about/disclaimer.html" rel="nofollow" target="_blank" title="免責聲明" class="cBlack">免責聲明</a> <a href="//m.sbmmt.com/zh-tw/update/article_0_1.html" target="_blank" title="Sitemap" class="cBlack">Sitemap</a> <div class="clear"></div> </dt> <dd class="cont1"> PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！ </dd> </dl> </div> </div> </div> </div> <input type="hidden" id="verifycode" value="/captcha.html"> <link rel="stylesheet" id="_main-css" href="//m.sbmmt.com/static/css/viewer.min.css?2" type="text/css" media="all"> </body> </html>
