84669 orang belajar
152542 orang belajar
20005 orang belajar
5487 orang belajar
7821 orang belajar
359900 orang belajar
3350 orang belajar
180660 orang belajar
48569 orang belajar
18603 orang belajar
40936 orang belajar
1549 orang belajar
1183 orang belajar
32909 orang belajar
在web前端开发中，输入框是一个基本组件，用于用户输入文字，数字和其他形式的数据。在本篇文章中，我们将探讨一下web前端如何实现输入框。
首先，我们需要使用HTML标记来定义输入框。在HTML中，常用的标记包括，</code>和<code><form></code>等等。</p> <p><code><input></code>标记用于创建单行输入框，例如：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:php;toolbar:false"><label for="username">用户名：</label> <input type="text" id="username" name="username"></pre> <div class="contentsignin"> Salin selepas log masuk </div> </div> <p>上面的前两行代码中，<code><label></code>标记用于为输入框添加描述，<code>for</code>属性的值应该和<code><input></code>标记的<code>id</code>属性值相同。这样在用户单击标签时，输入框就会获得焦点。第三行代码中，<code>type</code>属性的值为"text"，表示我们创建的是一个文本输入框。</p> <p><code><textarea></code>标记用于创建多行输入框，例如：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:php;toolbar:false"><label for="comments">留言：</label> <textarea id="comments" name="comments"> Salin selepas log masuk
</code>和<code><form></code>等等。</p> <p><code><input></code>标记用于创建单行输入框，例如：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:php;toolbar:false"><label for="username">用户名：</label> <input type="text" id="username" name="username"></pre> <div class="contentsignin"> Salin selepas log masuk </div> </div> <p>上面的前两行代码中，<code><label></code>标记用于为输入框添加描述，<code>for</code>属性的值应该和<code><input></code>标记的<code>id</code>属性值相同。这样在用户单击标签时，输入框就会获得焦点。第三行代码中，<code>type</code>属性的值为"text"，表示我们创建的是一个文本输入框。</p> <p><code><textarea></code>标记用于创建多行输入框，例如：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:php;toolbar:false"><label for="comments">留言：</label> <textarea id="comments" name="comments"> Salin selepas log masuk
相比于标记，</code>标记的可编辑区域更大，可以在其中容纳多行文本。同样可以添加描述标签，为用户提供更好的操作体验。</p> <p><code><form></code>标记是一个容器，包含了一组输入项和一个提交按钮。例如：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:php;toolbar:false"><form action="login.php" method="post"> <label for="username">用户名：</label> <input type="text" id="username" name="username"> <label for="password">密码：</label> <input type="password" id="password" name="password"> <button type="submit">登录</button> </form></pre> <div class="contentsignin"> Salin selepas log masuk </div> </div> <p>上面的代码中，<code><form></code>标记的<code>action</code>和<code>method</code>属性用于指定提交的URL和方法。<code><button></code>标记用于创建提交按钮，当用户单击按钮时，表单的数据就会被提交到服务器。</p> <ol start="2"> <li>CSS</li> </ol> <p>使用标准的HTML标记创建输入框的好处在于，我们可以使用CSS来控制输入框的样式，实现更好的用户体验。例如，以下代码可以让输入框自适应父元素的宽度，增加美观程度：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:php;toolbar:false">input[type="text"], textarea { box-sizing: border-box; width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; resize: none; }</pre> <div class="contentsignin"> Salin selepas log masuk </div> </div> <p>上面的代码中，<code>box-sizing</code>属性用于控制输入框的尺寸，<code>padding</code>属性用于控制内边距，<code>border</code>属性用于控制边框样式，<code>border-radius</code>属性用于控制边框圆角度数，<code>resize</code>属性用于控制输入框是否可以调整大小。</p> <p>除了以上属性外，我们还可以使用CSS实现输入框的动画效果，如下：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:php;toolbar:false">input[type="text"]:focus, textarea:focus { border-color: #666; outline: none; box-shadow: 0 0 10px #ccc; }</pre> <div class="contentsignin"> Salin selepas log masuk </div> </div> <p>当用户单击输入框时，上面的代码将会让输入框产生边框颜色的变化和简短的动画效果。这些样式的添加将会让您的站点更具吸引力，增加用户的参与度。</p> <ol start="3"> <li>JavaScript</li> </ol> <p>最后，我们可以使用JavaScript来实现输入框的验证、提示以及其他一些交互效果。例如：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:php;toolbar:false">const usernameInput = document.querySelector('#username'); const passwordInput = document.querySelector('#password'); usernameInput.addEventListener('input', () => { const value = usernameInput.value.trim(); if (value === '') { usernameInput.setCustomValidity('用户名不能为空！'); } else { usernameInput.setCustomValidity(''); } usernameInput.reportValidity(); }); passwordInput.addEventListener('input', () => { const value = passwordInput.value; if (value.length < 6 || value.length > 12) { passwordInput.setCustomValidity('密码长度必须在6-12个字符之间！'); } else { passwordInput.setCustomValidity(''); } passwordInput.reportValidity(); });</pre> <div class="contentsignin"> Salin selepas log masuk </div> </div> <p>上面的代码中，我们使用了<code>EventTarget.addEventListener()</code>方法，来为输入框添加了一个输入事件的监听器。每当用户在输入框中输入内容时，就会触发这个监听器，我们可以在其中进行一些验证操作，例如检查输入是否为空、长度是否符合要求等等。使用<code>setCustomValidity()</code>方法来设定自定义提示信息，使用<code>reportValidity()</code>方法来弹出提示框。</p> <p>除了验证之外，我们还可以在JavaScript中实现输入框的搜索、联想等其他功能，例如：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:php;toolbar:false">const searchBox = document.querySelector('#search-box'); const searchResults = document.querySelector('#search-results'); searchBox.addEventListener('input', () => { const value = searchBox.value.trim(); if (value === '') { searchResults.innerHTML = ''; return; } // 发送搜索请求 fetch(`/api/search?q=${value}`) .then(response => response.json()) .then(results => { // 展示搜索结果 searchResults.innerHTML = ''; for (let i = 0; i < results.length; i++) { const item = document.createElement('li'); item.textContent = results[i].title; searchResults.appendChild(item); } }) .catch(err => { console.error(err); searchResults.innerHTML = '搜索失败！'; }); });</pre> <div class="contentsignin"> Salin selepas log masuk </div> </div> <p>上面的代码中，我们利用了Fetch API，向服务器发起了一个搜索请求，然后在回调函数中处理搜索结果，并将结果渲染到页面上。</p> <p>总结</p> <p>在本篇文章中，我们探讨了web前端如何实现输入框。我们使用HTML标记创建输入框，使用CSS控制输入框的样式，使用JavaScript实现输入框的验证、提示和其他一些交互效果。希望本篇文章对您有所帮助！</p> <p>Atas ialah kandungan terperinci web前端如何做输入框. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p> </div> </div> <div style="height: 25px;"> <div style="display: inline-flex;float: right; color:#333333;"> sumber：php.cn </div> </div> <div class="wzconOtherwz"> <a href="//m.sbmmt.com/ms/faq/518717.html" title=""><span>Artikel sebelumnya：六安web前端培训哪好</span></a> <a href="//m.sbmmt.com/ms/faq/518719.html" title=""><span>Artikel seterusnya：jquery怎么移除孩子节点</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="//m.sbmmt.com/ms/faq/1796572900.html">Dogecoin (DOGE) dan MoonTaurus (MNTR) Lonjakan Di Tengah-tengah Keadaan Pasaran Yang Menguntungkan dan Perkembangan Kawal Selia</a> </div> <div> 2024-08-17 21:48:11 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ms/faq/1796572898.html">Stablecoin PayPal (PYUSD) Naik ke Tempat Keenam mengikut Had Pasaran, Faedah Ekosistem Solana (SOL)</a> </div> <div> 2024-08-17 21:46:11 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ms/faq/1796572895.html">'Defend Carrot 2' versi PC - analisis komprehensif dan strategi permainan</a> </div> <div> 2024-08-17 21:43:37 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ms/faq/1796572885.html">Muat turun perisian tema desktop komputer industri</a> </div> <div> 2024-08-17 21:39:39 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ms/faq/1796572881.html">Keluaran, Penyenaraian dan Prajualan Cryptocurrency Baharu pada masa ini</a> </div> <div> 2024-08-17 21:36:12 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ms/faq/1796572879.html">Deepin 23 berasaskan ExTiX 24.8 Linux secara langsung dilancarkan dengan Pengurus Pakej Synaptic dan Google Chrome di belakangnya</a> </div> <div> 2024-08-17 21:34:32 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ms/faq/1796572876.html">电脑风机要型号吗？</a> </div> <div> 2024-08-17 21:34:12 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ms/faq/1796572872.html">Bagaimana untuk membuat komputer ditutup secara automatik?</a> </div> <div> 2024-08-17 21:33:12 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ms/faq/1796572868.html">Pelabur Tron (TRX) Menjangka Perubahan Kawal Selia, Bitcoin Cash (BCH) Menunjukkan Ketahanan, BlockDAG: Matawang Kripto yang Patut Diperhatikan</a> </div> <div> 2024-08-17 21:32:11 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ms/faq/1796572867.html">Temui Pemenang Besar Seterusnya dalam Ruang Kripto: Lima Mata Wang Kripto Diutamakan untuk Pertumbuhan Meletup</a> </div> <div> 2024-08-17 21:31:11 </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="//m.sbmmt.com/ms/wenda/176411.html" target="_blank" title="function_exists() tidak boleh menentukan fungsi tersuai" class="wdcdcTitle">function_exists() tidak boleh menentukan fungsi tersuai</a> <a href="//m.sbmmt.com/ms/wenda/176411.html" class="wdcdcCons">Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">daripada 2024-04-29 11:01:01</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>941 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/ms/wenda/176410.html" target="_blank" title="Bagaimana untuk memaparkan versi mudah alih Google Chrome" class="wdcdcTitle">Bagaimana untuk memaparkan versi mudah alih Google Chrome</a> <a href="//m.sbmmt.com/ms/wenda/176410.html" class="wdcdcCons">Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">daripada 2024-04-23 00:22:19</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>9 </div> <div class="wdcdcirwatch flexRow ira"> <b class="wdcdcirwatchi"></b>1018 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/ms/wenda/176407.html" target="_blank" title="Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas." class="wdcdcTitle">Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas.</a> <a href="//m.sbmmt.com/ms/wenda/176407.html" class="wdcdcCons">Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">daripada 2024-04-19 15:37:47</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>933 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/ms/wenda/176406.html" target="_blank" title="Tiada output dalam tetingkap induk" class="wdcdcTitle">Tiada output dalam tetingkap induk</a> <a href="//m.sbmmt.com/ms/wenda/176406.html" class="wdcdcCons">document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">daripada 2024-04-18 23:52:34</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"> <b class="wdcdcirpli"></b>0 </div> <div class="wdcdcirwatch flexRow ira"> <b class="wdcdcirwatchi"></b>793 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/ms/wenda/176405.html" target="_blank" title="Di manakah perisian kursus tentang pemetaan minda CSS?" class="wdcdcTitle">Di manakah perisian kursus tentang pemetaan minda CSS?</a> <a href="//m.sbmmt.com/ms/wenda/176405.html" class="wdcdcCons">Perisian kursus</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">daripada 2024-04-16 10:10:18</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"> <b class="wdcdcirpli"></b>0 </div> <div class="wdcdcirwatch flexRow ira"> <b class="wdcdcirwatchi"></b>873 </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="//m.sbmmt.com/ms/faq/zt" target="_blank">Lagi></a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ms/faq/vramzdssmys"><img src="https://img.php.cn/upload/subject/202407/22/2024072212253384974.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Apakah maksud vram?"></a><a target="_blank" href="//m.sbmmt.com/ms/faq/vramzdssmys" class="title-a-spanl" title=""><span>Apakah maksud vram?</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ms/faq/gbwin10zdgx"><img src="https://img.php.cn/upload/subject/202407/22/2024072214165688678.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Matikan kemas kini automatik win10"></a><a target="_blank" href="//m.sbmmt.com/ms/faq/gbwin10zdgx" class="title-a-spanl" title=""><span>Matikan kemas kini automatik win10</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ms/faq/jsdmzmy"><img src="https://img.php.cn/upload/subject/202407/22/2024072214022986683.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Cara menggunakan kod js"></a><a target="_blank" href="//m.sbmmt.com/ms/faq/jsdmzmy" class="title-a-spanl" title=""><span>Cara menggunakan kod js</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ms/faq/cjjblxsdhjwdf"><img src="https://img.php.cn/upload/subject/202407/22/2024072212183654081.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Bagaimana untuk mengekalkan bilangan tempat perpuluhan dalam C++"></a><a target="_blank" href="//m.sbmmt.com/ms/faq/cjjblxsdhjwdf" class="title-a-spanl" title=""><span>Bagaimana untuk mengekalkan bilangan tempat perpuluhan dalam C++</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ms/faq/rhxzdyldsp"><img src="https://img.php.cn/upload/subject/202407/22/2024072211503496470.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Bagaimana untuk memuat turun video dari Douyin"></a><a target="_blank" href="//m.sbmmt.com/ms/faq/rhxzdyldsp" class="title-a-spanl" title=""><span>Bagaimana untuk memuat turun video dari Douyin</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ms/faq/convertmlyf"><img src="https://img.php.cn/upload/subject/202407/22/2024072213545599285.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="menukar penggunaan arahan"></a><a target="_blank" href="//m.sbmmt.com/ms/faq/convertmlyf" class="title-a-spanl" title=""><span>menukar penggunaan arahan</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/pmssmys"><img src="https://img.php.cn/upload/subject/202407/22/2024072214213421424.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="apa maksud pm"></a><a target="_blank" href="//m.sbmmt.com/faq/pmssmys" class="title-a-spanl" title=""><span>apa maksud pm</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ms/faq/wavgszmzh"><img src="https://img.php.cn/upload/subject/202407/22/2024072213324373094.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Bagaimana untuk menukar format wav"></a><a target="_blank" href="//m.sbmmt.com/ms/faq/wavgszmzh" class="title-a-spanl" title=""><span>Bagaimana untuk menukar format wav</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="//m.sbmmt.com/ms/faq/414430.html">什么是URL地址</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="web端是什么意思" href="//m.sbmmt.com/ms/faq/417340.html">web端是什么意思</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="编程语言有哪些" href="//m.sbmmt.com/ms/faq/414438.html">编程语言有哪些</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="什么是IT行业" href="//m.sbmmt.com/ms/faq/419217.html">什么是IT行业</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="error是什么意思" href="//m.sbmmt.com/ms/faq/414287.html">error是什么意思</a> </div></li> </ul> </div> </div> <div class="wzrThree"> <div class="wzrthree-title"> <div> Tutorial Popular </div> <a target="_blank" href="//m.sbmmt.com/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="//m.sbmmt.com/ms/course/812.html" title="" 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="//m.sbmmt.com/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> 1394923 <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/ms/course/74.html" title="" 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="//m.sbmmt.com/ms/course/74.html">Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu</a> <div class="wzrthreerb"> <div> 4206645 <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/ms/course/286.html" title="" 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="//m.sbmmt.com/ms/course/286.html">Tutorial Video Permulaan JAVA</a> <div class="wzrthreerb"> <div> 2351020 <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/ms/course/504.html" title="" 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="//m.sbmmt.com/ms/course/504.html">Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python</a> <div class="wzrthreerb"> <div> 493325 <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/ms/course/2.html" title="" 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="//m.sbmmt.com/ms/course/2.html">Tutorial pengenalan berasaskan sifar PHP</a> <div class="wzrthreerb"> <div> 826341 <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/ms/course/812.html" title="" 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="//m.sbmmt.com/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> 1394923 kali belajar </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/ms/course/286.html" title="" 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="//m.sbmmt.com/ms/course/286.html">Tutorial Video Permulaan JAVA</a> <div class="wzrthreerb"> <div> 2351020 kali belajar </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/ms/course/504.html" title="" 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="//m.sbmmt.com/ms/course/504.html">Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python</a> <div class="wzrthreerb"> <div> 493325 kali belajar </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/ms/course/901.html" title="" 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="//m.sbmmt.com/ms/course/901.html">Pengenalan pantas kepada pembangunan bahagian hadapan web</a> <div class="wzrthreerb"> <div> 213419 kali belajar </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/ms/course/234.html" title="" 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="//m.sbmmt.com/ms/course/234.html">Kuasai tutorial video PS dari awal</a> <div class="wzrthreerb"> <div> 843306 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="//m.sbmmt.com/ms/course/1648.html" title="" 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="//m.sbmmt.com/ms/course/1648.html">[Web front-end] Permulaan pantas Node.js</a> <div class="wzrthreerb"> <div> 3155 kali belajar </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/ms/course/1647.html" title="" 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="//m.sbmmt.com/ms/course/1647.html">Koleksi lengkap kursus timbunan penuh pembangunan web asing</a> <div class="wzrthreerb"> <div> 2549 kali belajar </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/ms/course/1646.html" title="" 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="//m.sbmmt.com/ms/course/1646.html">Gunakan GraphQL praktikal bahasa</a> <div class="wzrthreerb"> <div> 1991 kali belajar </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/ms/course/1645.html" title="" 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="//m.sbmmt.com/ms/course/1645.html">Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah</a> <div class="wzrthreerb"> <div> 465 kali belajar </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/ms/course/1644.html" title="" 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="//m.sbmmt.com/ms/course/1644.html">Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam</a> <div class="wzrthreerb"> <div> 10898 kali belajar </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> Muat turun terkini </div> <a href="//m.sbmmt.com/ms/xiazai">Lagi></a> </div> <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="[butang borang] kod hubungan borang mesej perusahaan jQuery" href="//m.sbmmt.com/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 khas pemain] Kesan main balik kotak muzik MP3 HTML5" href="//m.sbmmt.com/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="[Navigasi menu] HTML5 kesan khas menu navigasi animasi zarah sejuk" href="//m.sbmmt.com/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="[butang borang] jQuery bentuk visual seret dan lepas kod penyuntingan" href="//m.sbmmt.com/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="[Kesan khas pemain] Kod pemain muzik Kugou tiruan VUE.JS" href="//m.sbmmt.com/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="[kesan khas html5] Permainan kotak menolak html5 klasik" href="//m.sbmmt.com/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="[Gambar kesan khas] menatal jQuery untuk menambah atau mengurangkan kesan imej" href="//m.sbmmt.com/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 album foto] Kesan zum hover kulit album peribadi CSS3" href="//m.sbmmt.com/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="//m.sbmmt.com/ms/xiazai/code/8328" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8327" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8326" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8325" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8324" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8323" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8322" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8321" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/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/ms/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/ms/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/ms/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/ms/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/ms/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/ms/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/ms/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/ms/xiazai/code/8328" target="_blank" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8327" target="_blank" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8326" target="_blank" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8325" target="_blank" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8324" target="_blank" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8323" target="_blank" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8322" target="_blank" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8321" target="_blank" title="[Templat bahagian hadapan] 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> </div> </div> </div> <div class="phpFoot"> <div class="phpFootIn"> <div class="phpFootCont"> <div class="phpFootLeft"> <dl> <dt> <a href="//m.sbmmt.com/ms/about/us.html" rel="nofollow" target="_blank" title="Tentang kita" class="cBlack">Tentang kita</a> <a href="//m.sbmmt.com/ms/about/disclaimer.html" rel="nofollow" target="_blank" title="Penafian" class="cBlack">Penafian</a> <a href="//m.sbmmt.com/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"> <link rel="stylesheet" id="_main-css" href="//m.sbmmt.com/static/css/viewer.min.css?2" type="text/css" media="all"> </body> </html>
</code>标记的可编辑区域更大，可以在其中容纳多行文本。同样可以添加描述标签，为用户提供更好的操作体验。</p> <p><code><form></code>标记是一个容器，包含了一组输入项和一个提交按钮。例如：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:php;toolbar:false"><form action="login.php" method="post"> <label for="username">用户名：</label> <input type="text" id="username" name="username"> <label for="password">密码：</label> <input type="password" id="password" name="password"> <button type="submit">登录</button> </form></pre> <div class="contentsignin"> Salin selepas log masuk </div> </div> <p>上面的代码中，<code><form></code>标记的<code>action</code>和<code>method</code>属性用于指定提交的URL和方法。<code><button></code>标记用于创建提交按钮，当用户单击按钮时，表单的数据就会被提交到服务器。</p> <ol start="2"> <li>CSS</li> </ol> <p>使用标准的HTML标记创建输入框的好处在于，我们可以使用CSS来控制输入框的样式，实现更好的用户体验。例如，以下代码可以让输入框自适应父元素的宽度，增加美观程度：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:php;toolbar:false">input[type="text"], textarea { box-sizing: border-box; width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; resize: none; }</pre> <div class="contentsignin"> Salin selepas log masuk </div> </div> <p>上面的代码中，<code>box-sizing</code>属性用于控制输入框的尺寸，<code>padding</code>属性用于控制内边距，<code>border</code>属性用于控制边框样式，<code>border-radius</code>属性用于控制边框圆角度数，<code>resize</code>属性用于控制输入框是否可以调整大小。</p> <p>除了以上属性外，我们还可以使用CSS实现输入框的动画效果，如下：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:php;toolbar:false">input[type="text"]:focus, textarea:focus { border-color: #666; outline: none; box-shadow: 0 0 10px #ccc; }</pre> <div class="contentsignin"> Salin selepas log masuk </div> </div> <p>当用户单击输入框时，上面的代码将会让输入框产生边框颜色的变化和简短的动画效果。这些样式的添加将会让您的站点更具吸引力，增加用户的参与度。</p> <ol start="3"> <li>JavaScript</li> </ol> <p>最后，我们可以使用JavaScript来实现输入框的验证、提示以及其他一些交互效果。例如：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:php;toolbar:false">const usernameInput = document.querySelector('#username'); const passwordInput = document.querySelector('#password'); usernameInput.addEventListener('input', () => { const value = usernameInput.value.trim(); if (value === '') { usernameInput.setCustomValidity('用户名不能为空！'); } else { usernameInput.setCustomValidity(''); } usernameInput.reportValidity(); }); passwordInput.addEventListener('input', () => { const value = passwordInput.value; if (value.length < 6 || value.length > 12) { passwordInput.setCustomValidity('密码长度必须在6-12个字符之间！'); } else { passwordInput.setCustomValidity(''); } passwordInput.reportValidity(); });</pre> <div class="contentsignin"> Salin selepas log masuk </div> </div> <p>上面的代码中，我们使用了<code>EventTarget.addEventListener()</code>方法，来为输入框添加了一个输入事件的监听器。每当用户在输入框中输入内容时，就会触发这个监听器，我们可以在其中进行一些验证操作，例如检查输入是否为空、长度是否符合要求等等。使用<code>setCustomValidity()</code>方法来设定自定义提示信息，使用<code>reportValidity()</code>方法来弹出提示框。</p> <p>除了验证之外，我们还可以在JavaScript中实现输入框的搜索、联想等其他功能，例如：</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:php;toolbar:false">const searchBox = document.querySelector('#search-box'); const searchResults = document.querySelector('#search-results'); searchBox.addEventListener('input', () => { const value = searchBox.value.trim(); if (value === '') { searchResults.innerHTML = ''; return; } // 发送搜索请求 fetch(`/api/search?q=${value}`) .then(response => response.json()) .then(results => { // 展示搜索结果 searchResults.innerHTML = ''; for (let i = 0; i < results.length; i++) { const item = document.createElement('li'); item.textContent = results[i].title; searchResults.appendChild(item); } }) .catch(err => { console.error(err); searchResults.innerHTML = '搜索失败！'; }); });</pre> <div class="contentsignin"> Salin selepas log masuk </div> </div> <p>上面的代码中，我们利用了Fetch API，向服务器发起了一个搜索请求，然后在回调函数中处理搜索结果，并将结果渲染到页面上。</p> <p>总结</p> <p>在本篇文章中，我们探讨了web前端如何实现输入框。我们使用HTML标记创建输入框，使用CSS控制输入框的样式，使用JavaScript实现输入框的验证、提示和其他一些交互效果。希望本篇文章对您有所帮助！</p> <p>Atas ialah kandungan terperinci web前端如何做输入框. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p> </div> </div> <div style="height: 25px;"> <div style="display: inline-flex;float: right; color:#333333;"> sumber：php.cn </div> </div> <div class="wzconOtherwz"> <a href="//m.sbmmt.com/ms/faq/518717.html" title=""><span>Artikel sebelumnya：六安web前端培训哪好</span></a> <a href="//m.sbmmt.com/ms/faq/518719.html" title=""><span>Artikel seterusnya：jquery怎么移除孩子节点</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="//m.sbmmt.com/ms/faq/1796572900.html">Dogecoin (DOGE) dan MoonTaurus (MNTR) Lonjakan Di Tengah-tengah Keadaan Pasaran Yang Menguntungkan dan Perkembangan Kawal Selia</a> </div> <div> 2024-08-17 21:48:11 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ms/faq/1796572898.html">Stablecoin PayPal (PYUSD) Naik ke Tempat Keenam mengikut Had Pasaran, Faedah Ekosistem Solana (SOL)</a> </div> <div> 2024-08-17 21:46:11 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ms/faq/1796572895.html">'Defend Carrot 2' versi PC - analisis komprehensif dan strategi permainan</a> </div> <div> 2024-08-17 21:43:37 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ms/faq/1796572885.html">Muat turun perisian tema desktop komputer industri</a> </div> <div> 2024-08-17 21:39:39 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ms/faq/1796572881.html">Keluaran, Penyenaraian dan Prajualan Cryptocurrency Baharu pada masa ini</a> </div> <div> 2024-08-17 21:36:12 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ms/faq/1796572879.html">Deepin 23 berasaskan ExTiX 24.8 Linux secara langsung dilancarkan dengan Pengurus Pakej Synaptic dan Google Chrome di belakangnya</a> </div> <div> 2024-08-17 21:34:32 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ms/faq/1796572876.html">电脑风机要型号吗？</a> </div> <div> 2024-08-17 21:34:12 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ms/faq/1796572872.html">Bagaimana untuk membuat komputer ditutup secara automatik?</a> </div> <div> 2024-08-17 21:33:12 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ms/faq/1796572868.html">Pelabur Tron (TRX) Menjangka Perubahan Kawal Selia, Bitcoin Cash (BCH) Menunjukkan Ketahanan, BlockDAG: Matawang Kripto yang Patut Diperhatikan</a> </div> <div> 2024-08-17 21:32:11 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/ms/faq/1796572867.html">Temui Pemenang Besar Seterusnya dalam Ruang Kripto: Lima Mata Wang Kripto Diutamakan untuk Pertumbuhan Meletup</a> </div> <div> 2024-08-17 21:31:11 </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="//m.sbmmt.com/ms/wenda/176411.html" target="_blank" title="function_exists() tidak boleh menentukan fungsi tersuai" class="wdcdcTitle">function_exists() tidak boleh menentukan fungsi tersuai</a> <a href="//m.sbmmt.com/ms/wenda/176411.html" class="wdcdcCons">Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">daripada 2024-04-29 11:01:01</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>941 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/ms/wenda/176410.html" target="_blank" title="Bagaimana untuk memaparkan versi mudah alih Google Chrome" class="wdcdcTitle">Bagaimana untuk memaparkan versi mudah alih Google Chrome</a> <a href="//m.sbmmt.com/ms/wenda/176410.html" class="wdcdcCons">Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">daripada 2024-04-23 00:22:19</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>9 </div> <div class="wdcdcirwatch flexRow ira"> <b class="wdcdcirwatchi"></b>1018 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/ms/wenda/176407.html" target="_blank" title="Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas." class="wdcdcTitle">Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas.</a> <a href="//m.sbmmt.com/ms/wenda/176407.html" class="wdcdcCons">Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">daripada 2024-04-19 15:37:47</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>933 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/ms/wenda/176406.html" target="_blank" title="Tiada output dalam tetingkap induk" class="wdcdcTitle">Tiada output dalam tetingkap induk</a> <a href="//m.sbmmt.com/ms/wenda/176406.html" class="wdcdcCons">document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">daripada 2024-04-18 23:52:34</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"> <b class="wdcdcirpli"></b>0 </div> <div class="wdcdcirwatch flexRow ira"> <b class="wdcdcirwatchi"></b>793 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/ms/wenda/176405.html" target="_blank" title="Di manakah perisian kursus tentang pemetaan minda CSS?" class="wdcdcTitle">Di manakah perisian kursus tentang pemetaan minda CSS?</a> <a href="//m.sbmmt.com/ms/wenda/176405.html" class="wdcdcCons">Perisian kursus</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">daripada 2024-04-16 10:10:18</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"> <b class="wdcdcirpli"></b>0 </div> <div class="wdcdcirwatch flexRow ira"> <b class="wdcdcirwatchi"></b>873 </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="//m.sbmmt.com/ms/faq/zt" target="_blank">Lagi></a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ms/faq/vramzdssmys"><img src="https://img.php.cn/upload/subject/202407/22/2024072212253384974.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Apakah maksud vram?"></a><a target="_blank" href="//m.sbmmt.com/ms/faq/vramzdssmys" class="title-a-spanl" title=""><span>Apakah maksud vram?</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ms/faq/gbwin10zdgx"><img src="https://img.php.cn/upload/subject/202407/22/2024072214165688678.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Matikan kemas kini automatik win10"></a><a target="_blank" href="//m.sbmmt.com/ms/faq/gbwin10zdgx" class="title-a-spanl" title=""><span>Matikan kemas kini automatik win10</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ms/faq/jsdmzmy"><img src="https://img.php.cn/upload/subject/202407/22/2024072214022986683.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Cara menggunakan kod js"></a><a target="_blank" href="//m.sbmmt.com/ms/faq/jsdmzmy" class="title-a-spanl" title=""><span>Cara menggunakan kod js</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ms/faq/cjjblxsdhjwdf"><img src="https://img.php.cn/upload/subject/202407/22/2024072212183654081.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Bagaimana untuk mengekalkan bilangan tempat perpuluhan dalam C++"></a><a target="_blank" href="//m.sbmmt.com/ms/faq/cjjblxsdhjwdf" class="title-a-spanl" title=""><span>Bagaimana untuk mengekalkan bilangan tempat perpuluhan dalam C++</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ms/faq/rhxzdyldsp"><img src="https://img.php.cn/upload/subject/202407/22/2024072211503496470.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Bagaimana untuk memuat turun video dari Douyin"></a><a target="_blank" href="//m.sbmmt.com/ms/faq/rhxzdyldsp" class="title-a-spanl" title=""><span>Bagaimana untuk memuat turun video dari Douyin</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ms/faq/convertmlyf"><img src="https://img.php.cn/upload/subject/202407/22/2024072213545599285.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="menukar penggunaan arahan"></a><a target="_blank" href="//m.sbmmt.com/ms/faq/convertmlyf" class="title-a-spanl" title=""><span>menukar penggunaan arahan</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/pmssmys"><img src="https://img.php.cn/upload/subject/202407/22/2024072214213421424.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="apa maksud pm"></a><a target="_blank" href="//m.sbmmt.com/faq/pmssmys" class="title-a-spanl" title=""><span>apa maksud pm</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/ms/faq/wavgszmzh"><img src="https://img.php.cn/upload/subject/202407/22/2024072213324373094.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Bagaimana untuk menukar format wav"></a><a target="_blank" href="//m.sbmmt.com/ms/faq/wavgszmzh" class="title-a-spanl" title=""><span>Bagaimana untuk menukar format wav</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="//m.sbmmt.com/ms/faq/414430.html">什么是URL地址</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="web端是什么意思" href="//m.sbmmt.com/ms/faq/417340.html">web端是什么意思</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="编程语言有哪些" href="//m.sbmmt.com/ms/faq/414438.html">编程语言有哪些</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="什么是IT行业" href="//m.sbmmt.com/ms/faq/419217.html">什么是IT行业</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="error是什么意思" href="//m.sbmmt.com/ms/faq/414287.html">error是什么意思</a> </div></li> </ul> </div> </div> <div class="wzrThree"> <div class="wzrthree-title"> <div> Tutorial Popular </div> <a target="_blank" href="//m.sbmmt.com/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="//m.sbmmt.com/ms/course/812.html" title="" 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="//m.sbmmt.com/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> 1394923 <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/ms/course/74.html" title="" 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="//m.sbmmt.com/ms/course/74.html">Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu</a> <div class="wzrthreerb"> <div> 4206645 <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/ms/course/286.html" title="" 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="//m.sbmmt.com/ms/course/286.html">Tutorial Video Permulaan JAVA</a> <div class="wzrthreerb"> <div> 2351020 <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/ms/course/504.html" title="" 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="//m.sbmmt.com/ms/course/504.html">Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python</a> <div class="wzrthreerb"> <div> 493325 <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/ms/course/2.html" title="" 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="//m.sbmmt.com/ms/course/2.html">Tutorial pengenalan berasaskan sifar PHP</a> <div class="wzrthreerb"> <div> 826341 <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/ms/course/812.html" title="" 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="//m.sbmmt.com/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> 1394923 kali belajar </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/ms/course/286.html" title="" 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="//m.sbmmt.com/ms/course/286.html">Tutorial Video Permulaan JAVA</a> <div class="wzrthreerb"> <div> 2351020 kali belajar </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/ms/course/504.html" title="" 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="//m.sbmmt.com/ms/course/504.html">Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python</a> <div class="wzrthreerb"> <div> 493325 kali belajar </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/ms/course/901.html" title="" 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="//m.sbmmt.com/ms/course/901.html">Pengenalan pantas kepada pembangunan bahagian hadapan web</a> <div class="wzrthreerb"> <div> 213419 kali belajar </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/ms/course/234.html" title="" 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="//m.sbmmt.com/ms/course/234.html">Kuasai tutorial video PS dari awal</a> <div class="wzrthreerb"> <div> 843306 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="//m.sbmmt.com/ms/course/1648.html" title="" 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="//m.sbmmt.com/ms/course/1648.html">[Web front-end] Permulaan pantas Node.js</a> <div class="wzrthreerb"> <div> 3155 kali belajar </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/ms/course/1647.html" title="" 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="//m.sbmmt.com/ms/course/1647.html">Koleksi lengkap kursus timbunan penuh pembangunan web asing</a> <div class="wzrthreerb"> <div> 2549 kali belajar </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/ms/course/1646.html" title="" 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="//m.sbmmt.com/ms/course/1646.html">Gunakan GraphQL praktikal bahasa</a> <div class="wzrthreerb"> <div> 1991 kali belajar </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/ms/course/1645.html" title="" 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="//m.sbmmt.com/ms/course/1645.html">Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah</a> <div class="wzrthreerb"> <div> 465 kali belajar </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/ms/course/1644.html" title="" 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="//m.sbmmt.com/ms/course/1644.html">Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam</a> <div class="wzrthreerb"> <div> 10898 kali belajar </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> Muat turun terkini </div> <a href="//m.sbmmt.com/ms/xiazai">Lagi></a> </div> <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="[butang borang] kod hubungan borang mesej perusahaan jQuery" href="//m.sbmmt.com/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 khas pemain] Kesan main balik kotak muzik MP3 HTML5" href="//m.sbmmt.com/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="[Navigasi menu] HTML5 kesan khas menu navigasi animasi zarah sejuk" href="//m.sbmmt.com/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="[butang borang] jQuery bentuk visual seret dan lepas kod penyuntingan" href="//m.sbmmt.com/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="[Kesan khas pemain] Kod pemain muzik Kugou tiruan VUE.JS" href="//m.sbmmt.com/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="[kesan khas html5] Permainan kotak menolak html5 klasik" href="//m.sbmmt.com/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="[Gambar kesan khas] menatal jQuery untuk menambah atau mengurangkan kesan imej" href="//m.sbmmt.com/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 album foto] Kesan zum hover kulit album peribadi CSS3" href="//m.sbmmt.com/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="//m.sbmmt.com/ms/xiazai/code/8328" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8327" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8326" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8325" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8324" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8323" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8322" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8321" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/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/ms/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/ms/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/ms/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/ms/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/ms/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/ms/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/ms/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/ms/xiazai/code/8328" target="_blank" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8327" target="_blank" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8326" target="_blank" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8325" target="_blank" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8324" target="_blank" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8323" target="_blank" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8322" target="_blank" title="[Templat bahagian hadapan] 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="//m.sbmmt.com/ms/xiazai/code/8321" target="_blank" title="[Templat bahagian hadapan] 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> </div> </div> </div> <div class="phpFoot"> <div class="phpFootIn"> <div class="phpFootCont"> <div class="phpFootLeft"> <dl> <dt> <a href="//m.sbmmt.com/ms/about/us.html" rel="nofollow" target="_blank" title="Tentang kita" class="cBlack">Tentang kita</a> <a href="//m.sbmmt.com/ms/about/disclaimer.html" rel="nofollow" target="_blank" title="Penafian" class="cBlack">Penafian</a> <a href="//m.sbmmt.com/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"> <link rel="stylesheet" id="_main-css" href="//m.sbmmt.com/static/css/viewer.min.css?2" type="text/css" media="all"> </body> </html>
