What is the purpose of creating a form in a web page?-HTML Tutorial-php.cn

The purpose of creating a form on a web page: to collect information. For users, forms are an interface for data entry and submission; for websites, forms are a way to obtain user information. The form collects information from the user and then submits this information to the server for processing.

What is the purpose of creating a form in a web page?

# Forms are a set of fields used to collect information about site visitors. The form collects information from the user and then submits this information to the server for processing.

Form is an important external form to implement dynamic web pages. Forms can be used to collect the visitor's information or implement search and other functions.

Processing process of form information: When you click the submit button in the form, the information entered in the form will be submitted to the server, and the relevant applications of the server will process the submitted information. The processing result is either to store the information submitted by the user in the server-side database, or to return the relevant information to the client's browser.

To fully implement the form function, two aspects need to be designed: one is the HTML source code used to describe the form object; the other is the client-side script, or the server-side program used to process the filled-in information.

Form composition tags

##Set the elements of the input formSet the list elementSet the list element Item

<td valign="top" align="center"></td>Set the form text area elements, such as remarks<td></td>
</tr>
</tbody></table>Form mark<p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><form name="表单名称,用于脚本引用" method="提交方法，定义表单数据从客户端传到服务器的方法，get和post两种，多用post方法" action="处理程序，用于指定处理表单的服务端程序">...</form></pre><div class="contentsignin">Copy after login</div></div></p>In addition to the above three attributes, there is also the onsubmit attribute, which is used to specify the script function and enctype attribute for processing the form. <p></p><p>Action attribute <strong></strong></p>The action attribute defines the action that is performed when the form is submitted. <p></p>The usual way to submit a form to the server is to use a submit button. <p></p>Normally, the form will be submitted to a web page on the web server. <p></p>In the above example, a server script is specified to handle the submitted form: <p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><form action="action_page.php"></pre><div class="contentsignin">Copy after login</div></div></p>If the action attribute is omitted, the action will be set to the current page. <p></p>
<p>Input tag<input><strong></strong></p><input type="element type" name="form element name">(type and name attributes are required Attribute)<p></p>type attribute value<p></p>
<table width="600" cellspacing="1" cellpadding="1" border="1" align="center">
<tbody>
<tr class="firstRow">##type attribute value<td align="center">
<strong></strong> Description</td>
<td><strong></strong></td>text</tr>
<tr>Set the single-line text box element<td align="center"></td>
<td></td>password</tr>
<tr>Set the password element<td align="center"></td> <td></td>file</tr>
<tr>Set file elements<td align="center"></td>
<td></td>hidden</tr>
<tr>Set hidden elements<td align="center"></td>
<td></td> radio</tr>
<tr>Set the radio button element<td align="center"></td>
<td></td>checkbox</tr>
<tr>Set the multiple (multiple) check box element<td align="center"></td>
<td></td>button</tr>
<tr>Set the normal button element<td align="center"></td>
<td></td>submit</tr>
<tr>Set the submit button element<td align="center"></td>
<td></td>reset</tr>
<tr>Set the reset button element<td align="center"></td>
<td></td>image</tr>
<tr>Set the image button element<td align="center"></td>
<td></td>
</tr>More related For knowledge, please visit: </tbody>PHP中文网</table>! <p></p><p>The above is the detailed content of What is the purpose of creating a form in a web page?. 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="http://www.php.cn/search?word=webpage" target="_blank">Web page</a> <a onclick="hits_log(2,'www',this);" href-data="http://www.php.cn/search?word=form" target="_blank">form</a>                    </div>
                </div>
                                <div style="display: inline-flex;float: right; color:#333333;">source：php.cn</div>
                            </div>
            <div class="wzconOtherwz">
                                    <a href="http://www.php.cn/faq/459407.html" title="What is a complement to html that can separate web page form and content?">
                        <span>Previous article：What is a complement to html that can separate web page form and content?</span>
                    </a>
                                    <a href="http://www.php.cn/faq/459495.html"  title="In what language are the hypertext files in www written?">
                        <span>Next article：In what language are the hypertext files in www written?</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="http://www.php.cn/faq/529366.html">Understand the sentinel in Redis in depth</a>
                            </div>
                            <div>2023-04-26 17:59:18</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/faq/529362.html">[Organization and sharing] 7 popular React state management tools</a>
                            </div>
                            <div>2023-04-26 17:47:48</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/faq/529360.html">An article discusses the difference between key in Vue2 and key in Vue3</a>
                            </div>
                            <div>2023-04-26 17:41:42</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/faq/529358.html">An article about memory control in Node</a>
                            </div>
                            <div>2023-04-26 17:37:05</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/faq/529356.html">Sharing practical Excel skills: 4 tips for deleting duplicate values!</a>
                            </div>
                            <div>2023-04-26 17:31:25</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/faq/529350.html">Sharing practical Word skills: The Simplified to Traditional conversion function can be used in this way!</a>
                            </div>
                            <div>2023-04-26 17:27:32</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/faq/528167.html">How to solve cross-domain issues? A brief analysis of common solutions</a>
                            </div>
                            <div>2023-04-25 19:57:58</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/faq/528165.html">One article to understand the singleton pattern in JavaScript</a>
                            </div>
                            <div>2023-04-25 19:53:11</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/faq/528163.html">Learn more about Buffers in Node</a>
                            </div>
                            <div>2023-04-25 19:49:11</div>
                        </li>
                                            <li>
                            <div class="wzczzwzli">
                                <span class="layui-badge-dots"></span>
                                <a target="_blank" href="http://www.php.cn/faq/528161.html">Explore how to write unit tests in Vue3</a>
                            </div>
                            <div>2023-04-25 19:41:54</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="http://www.php.cn/wenda/176396.html"  target="_blank" title="The page suddenly cannot pull css or bootstrap" class="wdcdcTitle">The page suddenly cannot pull css or bootstrap</a>
                            <a href="http://www.php.cn/wenda/176396.html" class="wdcdcCons">So I'm developing a page, I did part of it yesterday and it worked great, and today I cont...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> From 2024-04-06 21:58:04</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>800</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="http://www.php.cn/wenda/176395.html"  target="_blank" title="How to trigger render (with filter and pagination) on sort method in React?" class="wdcdcTitle">How to trigger render (with filter and pagination) on sort method in React?</a>
                            <a href="http://www.php.cn/wenda/176395.html" class="wdcdcCons">Here is my Sort.js style component: <SortWrapper><SortText>SortBy</SortText...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> From 2024-04-06 21:28:37</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>2257</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="http://www.php.cn/wenda/176388.html"  target="_blank" title="How to make floated elements stack vertically instead of horizontally in CSS?" class="wdcdcTitle">How to make floated elements stack vertically instead of horizontally in CSS?</a>
                            <a href="http://www.php.cn/wenda/176388.html" class="wdcdcCons">I'm trying to make a webpage with two columns, with main content on one side and additiona...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> From 2024-04-06 20:45:26</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>386</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="http://www.php.cn/wenda/176387.html"  target="_blank" title="Is there a way to force the text in the flexbox to be vertically centered, no matter what other CSS code we have?" class="wdcdcTitle">Is there a way to force the text in the flexbox to be vertically centered, no matter what other CSS code we have?</a>
                            <a href="http://www.php.cn/wenda/176387.html" class="wdcdcCons">I have the following CSS code that is part of a larger CSS code used in a website I'm deve...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> From 2024-04-06 20:41:51</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>518</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="wdsyConLine wdsyConLine2"></div>
                                        <div class="wdsyConDiv flexRow wdsyConDiv1">
                        <div class="wdcdContent flexColumn">
                            <a href="http://www.php.cn/wenda/176386.html"  target="_blank" title="How to solve the mysterious white space at the bottom of the page in CSS" class="wdcdcTitle">How to solve the mysterious white space at the bottom of the page in CSS</a>
                            <a href="http://www.php.cn/wenda/176386.html" class="wdcdcCons">I'm trying to build a simple webpage using Bootstrap and D3, but I don't know how to get r...</a>
                            <div class="wdcdcInfo flexRow">
                                <div class="wdcdcileft">
                                    <span class="wdcdciSpan"> From 2024-04-06 20:22:15</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>454</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="http://www.php.cn/faq/zt" target="_blank">More>
                    </a>
                </div>
                <div class="wzcttlist">
                    <ul>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/faq/htmlwyzz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214275948120.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="html web page production" /> </a>
                            <a target="_blank" href="http://www.php.cn/faq/htmlwyzz" class="title-a-spanl" title="html web page production"><span>html web page production</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/faq/wangydkm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214183933576.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Web page opens slowly" /> </a>
                            <a target="_blank" href="http://www.php.cn/faq/wangydkm" class="title-a-spanl" title="Web page opens slowly"><span>Web page opens slowly</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/faq/wydbk"><img src="https://img.php.cn/upload/subject/202407/22/2024072214151490995.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="can not open webpage" /> </a>
                            <a target="_blank" href="http://www.php.cn/faq/wydbk" class="title-a-spanl" title="can not open webpage"><span>can not open webpage</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/faq/wywffw"><img src="https://img.php.cn/upload/subject/202407/22/2024072214104397579.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="What to do if the web page cannot be accessed" /> </a>
                            <a target="_blank" href="http://www.php.cn/faq/wywffw" class="title-a-spanl" title="What to do if the web page cannot be accessed"><span>What to do if the web page cannot be accessed</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/faq/wyzdsxszff"><img src="https://img.php.cn/upload/subject/202407/22/2024072213543574676.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="How to set up web page automatic refresh" /> </a>
                            <a target="_blank" href="http://www.php.cn/faq/wyzdsxszff" class="title-a-spanl" title="How to set up web page automatic refresh"><span>How to set up web page automatic refresh</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/faq/htmllwangye"><img src="https://img.php.cn/upload/subject/202407/22/2024072213510644330.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="HTML to create web pages" /> </a>
                            <a target="_blank" href="http://www.php.cn/faq/htmllwangye" class="title-a-spanl" title="HTML to create web pages"><span>HTML to create web pages</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/faq/phpzwyldkdff"><img src="https://img.php.cn/upload/subject/202407/22/2024072212192847292.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="How to open php in a web page" /> </a>
                            <a target="_blank" href="http://www.php.cn/faq/phpzwyldkdff" class="title-a-spanl" title="How to open php in a web page"><span>How to open php in a web page</span> </a>
                        </li>
                                                <li class="ul-li">
                            <a target="_blank" href="http://www.php.cn/faq/decodehsdyf"><img src="https://img.php.cn/upload/subject/202407/22/2024072213450138789.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="How to use the decode function" /> </a>
                            <a target="_blank" href="http://www.php.cn/faq/decodehsdyf" class="title-a-spanl" title="How to use the decode function"><span>How to use the decode function</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="What does url mean?" href="http://www.php.cn/faq/418772.html">What does url mean?</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="What does DOM mean?" href="http://www.php.cn/faq/414303.html">What does DOM mean?</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="How to change image size" href="http://www.php.cn/faq/414252.html">How to change image size</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="How to make font bold in HTML" href="http://www.php.cn/faq/414520.html">How to make font bold in HTML</a>
                                </div>
                            </li>
                                                <li>
                                <div class="wzczzwzli">
                                    <span class="layui-badge-dots wzrolr"></span>
                                    <a style="height: auto;" title="How to set the size of html images" href="http://www.php.cn/faq/475145.html">How to set the size of html images</a>
                                </div>
                            </li>
                                    </ul>
            </div>
        </div>
        <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script>
        <div class="wzrThree">
            <div class="wzrthree-title">
                <div>Popular Tutorials</div>
                <a target="_blank" href="http://www.php.cn/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="http://www.php.cn/course/1077.html" title="PHP Development_Live Sharing Class" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/067/64be2e7015db3609.png" alt="PHP Development_Live Sharing Class"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="PHP Development_Live Sharing Class" href="http://www.php.cn/course/1077.html">PHP Development_Live Sharing Class</a>
                                    <div class="wzrthreerb">
                                        <div>13823 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="1077">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                                <li>
                                <a target="_blank" href="http://www.php.cn/course/152.html" title="JS development verification form tutorial" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/068/625e5c017a833977.jpg" alt="JS development verification form tutorial"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="JS development verification form tutorial" href="http://www.php.cn/course/152.html">JS development verification form tutorial</a>
                                    <div class="wzrthreerb">
                                        <div>27102 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="152">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                                <li>
                                <a target="_blank" href="http://www.php.cn/course/954.html" title="Web project development process revealed" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/067/64be280e22aaa245.png" alt="Web project development process revealed"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="Web project development process revealed" href="http://www.php.cn/course/954.html">Web project development process revealed</a>
                                    <div class="wzrthreerb">
                                        <div>31678 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="954">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                                <li>
                                <a target="_blank" href="http://www.php.cn/course/982.html" title="PHP development coding standards" class="wzrthreelaimg">
                                    <img src="https://img.php.cn/upload/course/000/000/068/62590e23c6e8d344.png" alt="PHP development coding standards"/>
                                </a>
                                <div class="wzrthree-right">
                                    <a target="_blank" title="PHP development coding standards" href="http://www.php.cn/course/982.html">PHP development coding standards</a>
                                    <div class="wzrthreerb">
                                        <div>252915 <b class="kclbcollectb"></b></div>
                                     
                                                                                    <div class="courseICollection" data-id="982">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                            </div>
                                </div>
                            </li>
                                    </ul>
                <ul class="two" style="display: none;">
                                            <li>
                            <a target="_blank" href="http://www.php.cn/course/812.html" title="The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)" 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="http://www.php.cn/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 >1417722 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="http://www.php.cn/course/286.html" title="JAVA Beginner's Video Tutorial" 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="http://www.php.cn/course/286.html">JAVA Beginner's Video Tutorial</a>
                                <div class="wzrthreerb">
                                    <div >2486307 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="http://www.php.cn/course/504.html" title="Little Turtle's zero-based introduction to learning Python video tutorial" 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="http://www.php.cn/course/504.html">Little Turtle's zero-based introduction to learning Python video tutorial</a>
                                <div class="wzrthreerb">
                                    <div >504201 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="http://www.php.cn/course/901.html" title="Quick introduction to web front-end development" 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="http://www.php.cn/course/901.html">Quick introduction to web front-end development</a>
                                <div class="wzrthreerb">
                                    <div >215359 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="http://www.php.cn/course/234.html" title="Master PS video tutorials from scratch" 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="http://www.php.cn/course/234.html">Master PS video tutorials from scratch</a>
                                <div class="wzrthreerb">
                                    <div >879803 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="http://www.php.cn/course/1648.html" title="[Web front-end] Node.js quick start" 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="http://www.php.cn/course/1648.html">[Web front-end] Node.js quick start</a>
                                <div class="wzrthreerb">
                                    <div >6585 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="http://www.php.cn/course/1647.html" title="Complete collection of foreign web development full-stack courses" 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="http://www.php.cn/course/1647.html">Complete collection of foreign web development full-stack courses</a>
                                <div class="wzrthreerb">
                                    <div >5117 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="http://www.php.cn/course/1646.html" title="Go language practical GraphQL" 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="http://www.php.cn/course/1646.html">Go language practical GraphQL</a>
                                <div class="wzrthreerb">
                                    <div >4290 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="http://www.php.cn/course/1645.html" title="550W fan master learns JavaScript from scratch step by step" 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="http://www.php.cn/course/1645.html">550W fan master learns JavaScript from scratch step by step</a>
                                <div class="wzrthreerb">
                                    <div >638 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="http://www.php.cn/course/1644.html" title="Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours" 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="http://www.php.cn/course/1644.html">Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours</a>
                                <div class="wzrthreerb">
                                    <div >21833 times of learning</div>
                                                                                <div class="courseICollection" data-id="1644">
                                                <b class="nofollow small-nocollect"></b>
                                            </div>
                                                                        </div>
                            </div>
                        </li>
                                    </ul>
            </div>
            <script>
                var mySwiper = new Swiper('.swiper2', {
                            autoplay: false,//可选选项，自动滑动
                            slidesPerView : 'auto',
                        })
                $('.wzrthreeTab>div').click(function(e){
                    $('.wzrthreeTab>div').removeClass('check')
                    $(this).addClass('check')
                    $('.wzrthreelist>ul').css('display','none')
                    $('.'+e.currentTarget.dataset.id).show()
                })
            </script>
        </div>

<div class="wzrFour">
            <div class="wzrfour-title">
                <div>Latest Downloads</div>
                <a href="http://www.php.cn/xiazai">More>
                </a>
            </div>
                        <script>
                $(document).ready(function(){
                    var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{
                        speed:1000,
                        autoplay:{
                            delay:3500,
                            disableOnInteraction: false,
                        },
                        pagination:{
                            el:'.sjyx_banSwiperwz .swiper-pagination',
                            clickable :false,
                        },
                        loop:true
                    })
                })
            </script>
            <div class="wzrfourList swiper3">
                <div class="wzrfourlTab swiper-wrapper">
                    <div class="check swiper-slide" data-id="onef">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="jQuery enterprise message form contact code" href="http://www.php.cn/toolset/js-special-effects/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="HTML5 MP3 music box playback effects" href="http://www.php.cn/toolset/js-special-effects/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="HTML5 cool particle animation navigation menu special effects" href="http://www.php.cn/toolset/js-special-effects/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="jQuery visual form drag and drop editing code" href="http://www.php.cn/toolset/js-special-effects/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="VUE.JS imitation Kugou music player code" href="http://www.php.cn/toolset/js-special-effects/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="Classic html5 pushing box game" href="http://www.php.cn/toolset/js-special-effects/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="jQuery scrolling to add or reduce image effects" href="http://www.php.cn/toolset/js-special-effects/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="CSS3 personal album cover hover zoom effect" href="http://www.php.cn/toolset/js-special-effects/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="http://www.php.cn/toolset/website-source-code/8328" title="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="http://www.php.cn/toolset/website-source-code/8327" title="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="http://www.php.cn/toolset/website-source-code/8326" title="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="http://www.php.cn/toolset/website-source-code/8325" title="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="http://www.php.cn/toolset/website-source-code/8324" title="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="http://www.php.cn/toolset/website-source-code/8323" title="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="http://www.php.cn/toolset/website-source-code/8322" title="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="http://www.php.cn/toolset/website-source-code/8321" title="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="http://www.php.cn/toolset/website-materials/3078"  target="_blank"  title="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="http://www.php.cn/toolset/website-materials/3077"  target="_blank"  title="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="http://www.php.cn/toolset/website-materials/3076"  target="_blank"  title="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="http://www.php.cn/toolset/website-materials/3075"  target="_blank"  title="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="http://www.php.cn/toolset/website-materials/3074"  target="_blank"  title="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="http://www.php.cn/toolset/website-materials/3073"  target="_blank"  title="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="http://www.php.cn/toolset/website-materials/3072"  target="_blank"  title="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="http://www.php.cn/toolset/website-materials/3071"  target="_blank"  title="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="http://www.php.cn/toolset/website-source-code/8328"  target="_blank" title="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="http://www.php.cn/toolset/website-source-code/8327"  target="_blank" title="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="http://www.php.cn/toolset/website-source-code/8326"  target="_blank" title="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="http://www.php.cn/toolset/website-source-code/8325"  target="_blank" title="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="http://www.php.cn/toolset/website-source-code/8324"  target="_blank" title="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="http://www.php.cn/toolset/website-source-code/8323"  target="_blank" title="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="http://www.php.cn/toolset/website-source-code/8322"  target="_blank" title="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="http://www.php.cn/toolset/website-source-code/8321"  target="_blank" title="Purple style foreign exchange trading service website template">[Front-end template] Purple style foreign exchange trading service website template</a>
                            </div>
                        </li>
                                    </ul>
            </div>
            <script>
                var mySwiper = new Swiper('.swiper3', {
                            autoplay: false,//可选选项，自动滑动
                            slidesPerView : 'auto',
                        })
                $('.wzrfourlTab>div').click(function(e){
                    $('.wzrfourlTab>div').removeClass('check')
                    $(this).addClass('check')
                    $('.wzrfourList>ul').css('display','none')
                    $('.'+e.currentTarget.dataset.id).show()
                })
            </script>
        </div>
    </div>
</div>
<footer>
    <div class="footer">
        <div class="footertop">
            <img src="/static/imghw/logo.png" alt="">
            <p>Public welfare online PHP training，Help PHP learners grow quickly！</p>
        </div>
        <div class="footermid">
            <a href="http://www.php.cn/about/us.html">About us</a>
            <a href="http://www.php.cn/about/disclaimer.html">Disclaimer</a>
            <a href="http://www.php.cn/update/article_0_1.html">Sitemap</a>
        </div>
        <div class="footerbottom">
            <p>
                © php.cn All rights reserved
            </p>
        </div>
    </div>
</footer>

<input type="hidden" id="verifycode" value="/captcha.html">
<script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script>

Tags	Description
	Define a form area and carry form-related information