What does placeholder mean in vue

In Vue.js, the placeholder attribute specifies the placeholder text of the input element, which is displayed when the user has not entered content, provides input tips or examples, and improves form accessibility. Its usage is to set the placeholder attribute on the input element and customize the appearance using CSS. Best practices include being relevant to the input, being short and clear, avoiding default text, and considering accessibility.

The meaning of placeholder in Vue

In Vue.js, the placeholder attribute is used to specify input elements (such asor</code>). When the user has not yet entered anything, placeholder text will appear in the element as a hint or example.</p> <p><strong>The role of placeholder text</strong></p> <p>Placeholder text provides the following benefits:</p> <ul> <li><strong>Provides information to the user:</strong>Instruct the user what type of data to enter, such as "Please enter your name" or "Add product description".</li> <li><strong>Provide examples:</strong>Help users understand the expected format of input, such as "YYYY-MM-DD" for date input.</li> <li><strong>Improve form accessibility:</strong>Provide context for screen readers and assistive technologies so users understand the intended use of input fields.</li> </ul> <p><strong>Using the placeholder attribute</strong></p> <p>To use the placeholder attribute in Vue.js, please set the<code>placeholder</code>attribute in the input element, as follows Shown:</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:php;toolbar:false"><code class="html"><input type="text" placeholder="Your name"></code></pre> <div class="contentsignin"> Copy after login </div> </div> <p><strong>Style for placeholder text</strong></p> <p>By default, placeholder text appears in light gray. However, you can customize the color, font, and size of placeholder text using CSS styles, as shown below:</p> <div class="code" style="position:relative; padding:0px; margin:0px;"> <pre class="brush:php;toolbar:false"><code class="css">input::-webkit-input-placeholder { color: #aaa; font-size: 12px; }</code></pre> <div class="contentsignin"> Copy after login </div> </div> <p><strong>Best Practices</strong></p> <p>Using Placeholder Text , follow these best practices:</p> <ul> <li><strong>Keep it relevant to the input field:</strong>Placeholder text should correspond to what the user expects to input.</li> <li><strong>Short and clear:</strong>Placeholder text should be clear enough, but not lengthy or confusing.</li> <li><strong>Avoid using default text:</strong>Generic text like "Placeholder" does not provide any meaningful information.</li> <li><strong>Consider accessibility:</strong>Make sure placeholder text is compatible with screen readers and assistive technologies.</li> </ul> <p>The above is the detailed content of What does placeholder mean in vue. For more information, please follow other related articles on the PHP Chinese website!</p> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>Related labels：</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/search?word=css" target="_blank">css</a> <a onclick="hits_log(2,'www',this);" href-data="//m.sbmmt.com/search?word=vue" target="_blank">vue</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;"> source：php.cn </div> </div> <div class="wzconOtherwz"> <a href="//m.sbmmt.com/faq/779070.html" title=""><span>Previous article：In which life cycles can the data attribute in vue be obtained?</span></a> <a href="//m.sbmmt.com/faq/779088.html" title=""><span>Next article：What is the role of placeholder in vue</span></a> </div> <div class="wzconShengming"> <div class="bzsmdiv"> Statement of this Website </div> <div> The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact 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"> Latest Articles by Author </div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/784146.html">How to convert to string type in js</a> </div> <div> 2024-05-10 05:00:26 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/784145.html">The relationship between objects and classes in js</a> </div> <div> 2024-05-10 04:57:21 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/784144.html">What are the objects in js</a> </div> <div> 2024-05-10 04:54:17 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/784143.html">Which methods in js will change the original array</a> </div> <div> 2024-05-10 04:51:19 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/784142.html">Usage of class in js</a> </div> <div> 2024-05-10 04:45:28 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/784141.html">Advantages and disadvantages of closures in js</a> </div> <div> 2024-05-10 04:39:16 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/784140.html">Actual usage scenarios of classes in js</a> </div> <div> 2024-05-10 04:33:20 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/784139.html">The role of document.createlement in js</a> </div> <div> 2024-05-10 04:30:23 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/784138.html">What are the methods of document in js</a> </div> <div> 2024-05-10 04:27:19 </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="//m.sbmmt.com/faq/784137.html">How to use document in js</a> </div> <div> 2024-05-10 04:24:18 </div></li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle"> Latest Issues </div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/wenda/173513.html" target="_blank" title="WordPress 6.0 (add_editor_style) does not load style.css in Gutenberg editor" class="wdcdcTitle">WordPress 6.0 (add_editor_style) does not load style.css in Gutenberg editor</a> <a href="//m.sbmmt.com/wenda/173513.html" class="wdcdcCons">I'm taking the UdemyWordPress course to create a custom WordPress block theme. I successfu...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">From 2023-11-12 20:37:50</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"> <b class="wdcdcirpli"></b>2 </div> <div class="wdcdcirwatch flexRow ira"> <b class="wdcdcirwatchi"></b>261 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/wenda/173444.html" target="_blank" title="CSS leading zeros for decimals not working with large numbers" class="wdcdcTitle">CSS leading zeros for decimals not working with large numbers</a> <a href="//m.sbmmt.com/wenda/173444.html" class="wdcdcCons">Recently I ran into a problem where I created an ordered list with over a hundred list ite...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">From 2023-11-07 10:35: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>1 </div> <div class="wdcdcirwatch flexRow ira"> <b class="wdcdcirwatchi"></b>236 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/wenda/173439.html" target="_blank" title="Sass error: File already loaded: @import '~src/css/quasar.variables.scss', 'quasar/src/css/variables.sass'; src\css\quasar.variables.scss" class="wdcdcTitle">Sass error: File already loaded: @import '~src/css/quasar.variables.scss', 'quasar/src/css/variables.sass'; src\css\quasar.variables.scss</a> <a href="//m.sbmmt.com/wenda/173439.html" class="wdcdcCons">I'm using the quasar framework and while compiling my project I encountered the above erro...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">From 2023-11-06 21:38:55</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>219 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/wenda/173431.html" target="_blank" title="How to embed background video in HTML/CSS?" class="wdcdcTitle">How to embed background video in HTML/CSS?</a> <a href="//m.sbmmt.com/wenda/173431.html" class="wdcdcCons">Hi everyone, I recently encountered a problem. I'm trying to set a video background to my ...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">From 2023-11-06 13:59:13</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>240 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="//m.sbmmt.com/wenda/173425.html" target="_blank" title="How to get the RGB value of CSS/HTML named color in JavaScript" class="wdcdcTitle">How to get the RGB value of CSS/HTML named color in JavaScript</a> <a href="//m.sbmmt.com/wenda/173425.html" class="wdcdcCons">I have created a Javascript object called [name-rgb]. Your basic:namedColors={AliceBlue:[2...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan">From 2023-11-06 09:05:50</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"> <b class="wdcdcirpli"></b>2 </div> <div class="wdcdcirwatch flexRow ira"> <b class="wdcdcirwatchi"></b>210 </div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt"> <div class="wzczt-title"> <div> Related Topics </div> <a href="//m.sbmmt.com/faq/zt" target="_blank">More></a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/cssys"><img src="https://img.php.cn/upload/subject/202407/22/2024072214431291616.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="css"></a><a target="_blank" href="//m.sbmmt.com/faq/cssys" class="title-a-spanl" title=""><span>css</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/vuefzj"><img src="https://img.php.cn/upload/subject/202407/22/2024072214322017503.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Vue parent component calls the method of child component"></a><a target="_blank" href="//m.sbmmt.com/faq/vuefzj" class="title-a-spanl" title=""><span>Vue parent component calls the method of child component</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/vuevif"><img src="https://img.php.cn/upload/subject/202407/22/2024072214321856034.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="vue v-if"></a><a target="_blank" href="//m.sbmmt.com/faq/vuevif" class="title-a-spanl" title=""><span>vue v-if</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/vueqb"><img src="https://img.php.cn/upload/subject/202407/22/2024072214321663953.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="The difference between vue2.0 and 3.0"></a><a target="_blank" href="//m.sbmmt.com/faq/vueqb" class="title-a-spanl" title=""><span>The difference between vue2.0 and 3.0</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/vuezjcz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214321115425.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="How to pass value to vue component"></a><a target="_blank" href="//m.sbmmt.com/faq/vuezjcz" class="title-a-spanl" title=""><span>How to pass value to vue component</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/vueshedqb"><img src="https://img.php.cn/upload/subject/202407/22/2024072214300227606.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="The difference between vue3.0 and 2.0"></a><a target="_blank" href="//m.sbmmt.com/faq/vueshedqb" class="title-a-spanl" title=""><span>The difference between vue3.0 and 2.0</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/cssjz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214284035010.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="css centered"></a><a target="_blank" href="//m.sbmmt.com/faq/cssjz" class="title-a-spanl" title=""><span>css centered</span></a></li> <li class="ul-li"><a target="_blank" href="//m.sbmmt.com/faq/cssrhcrtp"><img src="https://img.php.cn/upload/subject/202407/22/2024072214282555686.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="How to insert pictures in css"></a><a target="_blank" href="//m.sbmmt.com/faq/cssrhcrtp" class="title-a-spanl" title=""><span>How to insert pictures in css</span></a></li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <div class="wzrOne"> <div class="wzroTitle"> Popular Recommendations </div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="How does a vue subcomponent call the method of the parent component?" href="//m.sbmmt.com/faq/483395.html">How does a vue subcomponent call the method of the parent component?</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="How to call the method of child component in vue parent component" href="//m.sbmmt.com/faq/483398.html">How to call the method of child component in vue parent component</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="What is the difference between vue3.0 and vue2.0?" href="//m.sbmmt.com/faq/464077.html">What is the difference between vue3.0 and vue2.0?</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="What is .vue" href="//m.sbmmt.com/faq/465747.html">What is .vue</a> </div></li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="How to pass value from vue subcomponent to parent component" href="//m.sbmmt.com/faq/480569.html">How to pass value from vue subcomponent to parent component</a> </div></li> </ul> </div> </div> <div class="wzrThree"> <div class="wzrthree-title"> <div> Popular Tutorials </div> <a target="_blank" href="//m.sbmmt.com/course.html">More></a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one"> Related Tutorials <div></div> </div> <div class="tabdiv swiper-slide" data-id="two"> Popular Recommendations <div></div> </div> <div class="tabdiv swiper-slide" data-id="three"> Latest courses <div></div> </div> </div> <ul class="one"> <li><a target="_blank" href="//m.sbmmt.com/course/1146.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/625fac083b8b7878.jpg" alt="Make layout as fast as 5G: CSS Grid grid layout"></a> <div class="wzrthree-right"> <a target="_blank" title="Make layout as fast as 5G: CSS Grid grid layout" href="//m.sbmmt.com/course/1146.html">Make layout as fast as 5G: CSS Grid grid layout</a> <div class="wzrthreerb"> <div> 27018 <b class="kclbcollectb"></b> </div> <div class="courseICollection" data-id="1146"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/course/1455.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/632ae26b9b376240.png" alt="The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]"></a> <div class="wzrthree-right"> <a target="_blank" title="The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]" href="//m.sbmmt.com/course/1455.html">The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original]</a> <div class="wzrthreerb"> <div> 137841 <b class="kclbcollectb"></b> </div> <div class="courseICollection" data-id="1455"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/course/1202.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/010/60a76217dce97389.jpg" alt="New Dugu Jiujian: CSS3 must-know content"></a> <div class="wzrthree-right"> <a target="_blank" title="New Dugu Jiujian: CSS3 must-know content" href="//m.sbmmt.com/course/1202.html">New Dugu Jiujian: CSS3 must-know content</a> <div class="wzrthreerb"> <div> 24836 <b class="kclbcollectb"></b> </div> <div class="courseICollection" data-id="1202"> <b class="nofollow small-nocollect"></b> </div> </div> </div></li> <li><a target="_blank" href="//m.sbmmt.com/course/1249.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62611c49cb96f804.jpg" alt="VuePress: Create a Vue static website in 30 minutes"></a> <div class="wzrthree-right"> <a target="_blank" title="VuePress: Create a Vue static website in 30 minutes" href="//m.sbmmt.com/course/1249.html">VuePress: Create a Vue static website in 30 minutes</a> <div class="wzrthreerb"> <div> 15664 <b class="kclbcollectb"></b> </div> <div class="courseICollection" data-id="1249"> <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/course/812.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)"></a> <div class="wzrthree-right"> <a target="_blank" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" href="//m.sbmmt.com/course/812.html">The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)</a> <div class="wzrthreerb"> <div> 1394922 times of learning </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/course/286.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="JAVA Beginner's Video Tutorial"></a> <div class="wzrthree-right"> <a target="_blank" title="JAVA Beginner's Video Tutorial" href="//m.sbmmt.com/course/286.html">JAVA Beginner's Video Tutorial</a> <div class="wzrthreerb"> <div> 2350977 times of learning </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/course/504.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Little Turtle's zero-based introduction to learning Python video tutorial"></a> <div class="wzrthree-right"> <a target="_blank" title="Little Turtle's zero-based introduction to learning Python video tutorial" href="//m.sbmmt.com/course/504.html">Little Turtle's zero-based introduction to learning Python video tutorial</a> <div class="wzrthreerb"> <div> 493321 times of learning </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/course/901.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Quick introduction to web front-end development"></a> <div class="wzrthree-right"> <a target="_blank" title="Quick introduction to web front-end development" href="//m.sbmmt.com/course/901.html">Quick introduction to web front-end development</a> <div class="wzrthreerb"> <div> 213418 times of learning </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/course/234.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Master PS video tutorials from scratch"></a> <div class="wzrthree-right"> <a target="_blank" title="Master PS video tutorials from scratch" href="//m.sbmmt.com/course/234.html">Master PS video tutorials from scratch</a> <div class="wzrthreerb"> <div> 843290 times of learning </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/course/1648.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web front-end] Node.js quick start"></a> <div class="wzrthree-right"> <a target="_blank" title="[Web front-end] Node.js quick start" href="//m.sbmmt.com/course/1648.html">[Web front-end] Node.js quick start</a> <div class="wzrthreerb"> <div> 3149 times of learning </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/course/1647.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Complete collection of foreign web development full-stack courses"></a> <div class="wzrthree-right"> <a target="_blank" title="Complete collection of foreign web development full-stack courses" href="//m.sbmmt.com/course/1647.html">Complete collection of foreign web development full-stack courses</a> <div class="wzrthreerb"> <div> 2549 times of learning </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/course/1646.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go language practical GraphQL"></a> <div class="wzrthree-right"> <a target="_blank" title="Go language practical GraphQL" href="//m.sbmmt.com/course/1646.html">Go language practical GraphQL</a> <div class="wzrthreerb"> <div> 1990 times of learning </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/course/1645.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W fan master learns JavaScript from scratch step by step"></a> <div class="wzrthree-right"> <a target="_blank" title="550W fan master learns JavaScript from scratch step by step" href="//m.sbmmt.com/course/1645.html">550W fan master learns JavaScript from scratch step by step</a> <div class="wzrthreerb"> <div> 465 times of learning </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/course/1644.html" title="" class="wzrthreelaimg"><img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours"></a> <div class="wzrthree-right"> <a target="_blank" title="Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours" href="//m.sbmmt.com/course/1644.html">Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours</a> <div class="wzrthreerb"> <div> 10896 times of learning </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> Latest Downloads </div> <a href="//m.sbmmt.com/xiazai">More></a> </div> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef"> Web Effects <div></div> </div> <div class="swiper-slide" data-id="twof"> Website Source Code <div></div> </div> <div class="swiper-slide" data-id="threef"> Website Materials <div></div> </div> <div class="swiper-slide" data-id="fourf"> Front End Template <div></div> </div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[form button] jQuery enterprise message form contact code" href="//m.sbmmt.com/xiazai/js/8071">[form button] jQuery enterprise message form contact code</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[Player special effects] HTML5 MP3 music box playback effects" href="//m.sbmmt.com/xiazai/js/8070">[Player special effects] HTML5 MP3 music box playback effects</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[Menu navigation] HTML5 cool particle animation navigation menu special effects" href="//m.sbmmt.com/xiazai/js/8069">[Menu navigation] HTML5 cool particle animation navigation menu special effects</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[form button] jQuery visual form drag and drop editing code" href="//m.sbmmt.com/xiazai/js/8068">[form button] jQuery visual form drag and drop editing code</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[Player special effects] VUE.JS imitation Kugou music player code" href="//m.sbmmt.com/xiazai/js/8067">[Player special effects] VUE.JS imitation Kugou music player code</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[html5 special effects] Classic html5 pushing box game" href="//m.sbmmt.com/xiazai/js/8066">[html5 special effects] Classic html5 pushing box game</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[Picture special effects] jQuery scrolling to add or reduce image effects" href="//m.sbmmt.com/xiazai/js/8065">[Picture special effects] jQuery scrolling to add or reduce image effects</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="[Photo album effects] CSS3 personal album cover hover zoom effect" href="//m.sbmmt.com/xiazai/js/8064">[Photo album effects] CSS3 personal album cover hover zoom effect</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/xiazai/code/8328" title="[Front-end template] Home Decor Cleaning and Repair Service Company Website Template" target="_blank">[Front-end template] Home Decor Cleaning and Repair Service Company Website Template</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8327" title="[Front-end template] Fresh color personal resume guide page template" target="_blank">[Front-end template] Fresh color personal resume guide page template</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8326" title="[Front-end template] Designer Creative Job Resume Web Template" target="_blank">[Front-end template] Designer Creative Job Resume Web Template</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8325" title="[Front-end template] Modern engineering construction company website template" target="_blank">[Front-end template] Modern engineering construction company website template</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8324" title="[Front-end template] Responsive HTML5 template for educational service institutions" target="_blank">[Front-end template] Responsive HTML5 template for educational service institutions</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8323" title="[Front-end template] Online e-book store mall website template" target="_blank">[Front-end template] Online e-book store mall website template</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8322" title="[Front-end template] IT technology solves Internet company website template" target="_blank">[Front-end template] IT technology solves Internet company website template</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8321" title="[Front-end template] Purple style foreign exchange trading service website template" target="_blank">[Front-end template] Purple style foreign exchange trading service website template</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/xiazai/sucai/3078" target="_blank" title="[PNG material] Cute summer elements vector material (EPS PNG)">[PNG material] Cute summer elements vector material (EPS PNG)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/3077" target="_blank" title="[PNG material] Four red 2023 graduation badges vector material (AI EPS PNG)">[PNG material] Four red 2023 graduation badges vector material (AI EPS PNG)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/3076" target="_blank" title="[banner picture] Singing bird and cart filled with flowers design spring banner vector material (AI EPS)">[banner picture] Singing bird and cart filled with flowers design spring banner vector material (AI EPS)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/3075" target="_blank" title="[PNG material] Golden graduation cap vector material (EPS PNG)">[PNG material] Golden graduation cap vector material (EPS PNG)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/3074" target="_blank" title="[PNG material] Black and white style mountain icon vector material (EPS PNG)">[PNG material] Black and white style mountain icon vector material (EPS PNG)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/3073" target="_blank" title="[PNG material] Superhero silhouette vector material (EPS PNG) with different color cloaks and different poses">[PNG material] Superhero silhouette vector material (EPS PNG) with different color cloaks and different poses</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/3072" target="_blank" title="[banner picture] Flat style Arbor Day banner vector material (AI+EPS)">[banner picture] Flat style Arbor Day banner vector material (AI+EPS)</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/sucai/3071" target="_blank" title="[PNG material] Nine comic-style exploding chat bubbles vector material (EPS+PNG)">[PNG material] Nine comic-style exploding chat bubbles vector material (EPS+PNG)</a> </div></li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8328" target="_blank" title="[Front-end template] Home Decor Cleaning and Repair Service Company Website Template">[Front-end template] Home Decor Cleaning and Repair Service Company Website Template</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8327" target="_blank" title="[Front-end template] Fresh color personal resume guide page template">[Front-end template] Fresh color personal resume guide page template</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8326" target="_blank" title="[Front-end template] Designer Creative Job Resume Web Template">[Front-end template] Designer Creative Job Resume Web Template</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8325" target="_blank" title="[Front-end template] Modern engineering construction company website template">[Front-end template] Modern engineering construction company website template</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8324" target="_blank" title="[Front-end template] Responsive HTML5 template for educational service institutions">[Front-end template] Responsive HTML5 template for educational service institutions</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8323" target="_blank" title="[Front-end template] Online e-book store mall website template">[Front-end template] Online e-book store mall website template</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8322" target="_blank" title="[Front-end template] IT technology solves Internet company website template">[Front-end template] IT technology solves Internet company website template</a> </div></li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="//m.sbmmt.com/xiazai/code/8321" target="_blank" title="[Front-end template] Purple style foreign exchange trading service website template">[Front-end template] Purple style foreign exchange trading service website template</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/about/us.html" rel="nofollow" target="_blank" title="About us" class="cBlack">About us</a> <a href="//m.sbmmt.com/about/disclaimer.html" rel="nofollow" target="_blank" title="Disclaimer" class="cBlack">Disclaimer</a> <a href="//m.sbmmt.com/update/article_0_1.html" target="_blank" title="Sitemap" class="cBlack">Sitemap</a> <div class="clear"></div> </dt> <dd class="cont1"> php.cn：Public welfare online PHP training，Help PHP learners grow quickly！ </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>