How to specify in HTML whether an <input> or <textarea> element has autocomplete enabled?-HTML Tutorial-php.cn

How to specify in HTML whether an or

element has autocomplete enabled?</span></div><div class="Articlelist_txts"><div class="Articlelist_txts_info"><a href="" title="" class="Articlelist_txts_title">How to specify in HTML whether an <input> or <textarea> element has autocomplete enabled?</a><div class="Articlelist_txts_info_head"><div class="author_info"><a href="https://m.php.cn/member/887227.html" class="author_avatar"><img class="lazy" data-src="https://img.php.cn/upload/avatar/000/887/227/63bb7851c9547215.jpg" alt="WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB" src="/static/imghw/default1.png"
                                    alt="author avatar" onerror="this.onerror=''; this.src='/static/imghw/default1.png'"></a><div class="author_detail"><a  href="https://m.php.cn/member/887227.html" class="author_name">WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</a></div></div></div><span class="Articlelist_txts_time">Sep 08, 2023 pm	 08:33 PM</span><div class="Articlelist_txts_infos"><span class="Articlelist_txts_infoss on">auto complete</span><span class="Articlelist_txts_infoss ">html form (html form)</span><span class="Articlelist_txts_infoss ">disable</span></div></div></div><hr /><div class="article_main"><p><img src="/static/imghwm/default1.png" data-src="https://img.php.cn/upload/article/000/887/227/169417639919251.jpg?x-oss-process=image/resize,p_40" class="lazy" alt="How to specify in HTML whether an <input> or <textarea> element has autocomplete enabled?"></p>
<p></p>
<p>Use the <em>autocomplete</em> attribute to enable autocomplete functionality in HTML forms. <em>AutoComplete</em>Attributes are used with form elements to set the autocomplete feature on or off. If the <em>AutoComplete</em> feature is enabled, the browser will automatically display values based on what the user has previously entered in the field. </p>
<p> If the <em>AutoComplete</em> em>feature <em> is off</em>, the browser will not automatically display values based on what the user has previously entered into the field. </p>
<p>The following are attribute values- </p>
<table style="width: 100%;">
<thead><tr>
<th style="width: 9.7862%; text-align: center;">S.No<p></p>
</th>
<th style="width: 23.5505%; text-align: center;">Attribute values<p></p>
</th>
<th style="width: 66.6739%; text-align: center;">Instructions<p></p>
</th>
</tr></thead>
<tbody>
<tr>##1<td style="width: 9.7862%; text-align : center;"><p></p></td>Open<td style="width: 23.5505%; text-align: center;"> <p></p>
</td>It's the default value. The browser will automatically complete the value based on what the user has previously entered. <td><p></p></td>
</tr>
<tr>2<td style="width: 9.7862%; text-align: center;"> p><p></p>
</td>Close<td style="width: 23.5505%; text-align: center;"><p></p></td>The browser will not The previously entered content completes the value. The user must enter a value. <td style="width: 66.6739%;"><p></p></td>
</tr>
</tbody>
</table>You can try running the following code to learn how to use the autocomplete attribute in HTML. To check that the following code is working, enter some values in the input type text and click Submit. After that, populate the field again and run the code again so that when you enter a value in the field, you can see the autocomplete value. This is for autocomplete values. <p></p>Example<h2 ></h2>You can try running the following code to specify that the <p> or </p>
<form> elements should have autocomplete enabled in HTML -<input><pre class='brush:php;toolbar:false;'><!DOCTYPE html>
<html>
   <head>
      <title>HTML textarea Tag</title>
   </head>
   <body>
      <form action = "/cgi-bin/hello_get.cgi" method = "get" autocomplete="on">
         Full Name
         <br>
         <input type = "text" name = "fname">
         <br>
         <input type = "submit" value = "submit" />
      </form>
   </body>
</html></pre></form><p>The above is the detailed content of How to specify in HTML whether an <input> or <textarea> element has autocomplete enabled?. For more information, please follow other related articles on the PHP Chinese website!</p></div><div class="wzconShengming_sp"><div class="bzsmdiv_sp">Statement</div><div>This article is reproduced at:tutorialspoint. If there is any infringement, please contact admin@php.cn delete</div></div></div><div class="phpgenera_Details_mainL4"><div class="phpmain1_2_top"><a href="javascript:void(0);" class="phpmain1_2_top_title">Related Article<img class="lazy"
                            data-src="/static/imghwm/index2_title2.png" src="/static/imghw/default1.png" alt="" /></a></div><div class="phpgenera_Details_mainL4_info"><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/faq/1796773695.html" title="Difficulty in updating caching of official account web pages: How to avoid the old cache affecting the user experience after version update?" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
                            data-src="https://img.php.cn/upload/article/202503/04/2025030413240755191.jpg?x-oss-process=image/resize,p_40" alt="Difficulty in updating caching of official account web pages: How to avoid the old cache affecting the user experience after version update?" src="/static/imghw/default1.png"  /></a><a href="https://m.php.cn/faq/1796773695.html" title="Difficulty in updating caching of official account web pages: How to avoid the old cache affecting the user experience after version update?" class="phphistorical_Version2_mids_title">Difficulty in updating caching of official account web pages: How to avoid the old cache affecting the user experience after version update?</a><span class="Articlelist_txts_time">Mar 04, 2025 pm	 12:32 PM</span><p class="Articlelist_txts_p">The official account web page update cache, this thing is simple and simple, and it is complicated enough to drink a pot of it. You worked hard to update the official account article, but the user still opened the old version. Who can bear the taste? In this article, let’s take a look at the twists and turns behind this and how to solve this problem gracefully. After reading it, you can easily deal with various caching problems, allowing your users to always experience the freshest content. Let’s talk about the basics first. To put it bluntly, in order to improve access speed, the browser or server stores some static resources (such as pictures, CSS, JS) or page content. Next time you access it, you can directly retrieve it from the cache without having to download it again, and it is naturally fast. But this thing is also a double-edged sword. The new version is online,</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/faq/1796773736.html" title="How to efficiently add stroke effects to PNG images on web pages?" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
                            data-src="https://img.php.cn/upload/article/202503/04/2025030414391511731.jpg?x-oss-process=image/resize,p_40" alt="How to efficiently add stroke effects to PNG images on web pages?" src="/static/imghw/default1.png"  /></a><a href="https://m.php.cn/faq/1796773736.html" title="How to efficiently add stroke effects to PNG images on web pages?" class="phphistorical_Version2_mids_title">How to efficiently add stroke effects to PNG images on web pages?</a><span class="Articlelist_txts_time">Mar 04, 2025 pm	 02:39 PM</span><p class="Articlelist_txts_p">This article demonstrates efficient PNG border addition to webpages using CSS.  It argues that CSS offers superior performance compared to JavaScript or libraries,  detailing how to adjust border width, style, and color for subtle or prominent effect</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/faq/1796780224.html" title="How do I use HTML5 form validation attributes to validate user input?" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
                            data-src="https://img.php.cn/upload/article/202503/17/2025031712273147081.jpg?x-oss-process=image/resize,p_40" alt="How do I use HTML5 form validation attributes to validate user input?" src="/static/imghw/default1.png"  /></a><a href="https://m.php.cn/faq/1796780224.html" title="How do I use HTML5 form validation attributes to validate user input?" class="phphistorical_Version2_mids_title">How do I use HTML5 form validation attributes to validate user input?</a><span class="Articlelist_txts_time">Mar 17, 2025 pm	 12:27 PM</span><p class="Articlelist_txts_p">The article discusses using HTML5 form validation attributes like required, pattern, min, max, and length limits to validate user input directly in the browser.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/faq/1796782758.html" title="What is the purpose of the <datalist> element?" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
                            data-src="https://img.php.cn/upload/article/202503/21/2025032112332857446.jpg?x-oss-process=image/resize,p_40" alt="What is the purpose of the <datalist> element?" src="/static/imghw/default1.png"  /></a><a href="https://m.php.cn/faq/1796782758.html" title="What is the purpose of the <datalist> element?" class="phphistorical_Version2_mids_title">What is the purpose of the <datalist> element?</a><span class="Articlelist_txts_time">Mar 21, 2025 pm	 12:33 PM</span><p class="Articlelist_txts_p">The article discusses the HTML <datalist> element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/faq/1796780220.html" title="What are the best practices for cross-browser compatibility in HTML5?" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
                            data-src="https://img.php.cn/upload/article/202503/17/2025031712203454598.jpg?x-oss-process=image/resize,p_40" alt="What are the best practices for cross-browser compatibility in HTML5?" src="/static/imghw/default1.png"  /></a><a href="https://m.php.cn/faq/1796780220.html" title="What are the best practices for cross-browser compatibility in HTML5?" class="phphistorical_Version2_mids_title">What are the best practices for cross-browser compatibility in HTML5?</a><span class="Articlelist_txts_time">Mar 17, 2025 pm	 12:20 PM</span><p class="Articlelist_txts_p">Article discusses best practices for ensuring HTML5 cross-browser compatibility, focusing on feature detection, progressive enhancement, and testing methods.</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/faq/1796782759.html" title="What is the purpose of the <progress> element?" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
                            data-src="https://img.php.cn/upload/article/202503/21/2025032112342868456.jpg?x-oss-process=image/resize,p_40" alt="What is the purpose of the <progress> element?" src="/static/imghw/default1.png"  /></a><a href="https://m.php.cn/faq/1796782759.html" title="What is the purpose of the <progress> element?" class="phphistorical_Version2_mids_title">What is the purpose of the <progress> element?</a><span class="Articlelist_txts_time">Mar 21, 2025 pm	 12:34 PM</span><p class="Articlelist_txts_p">The article discusses the HTML <progress> element, its purpose, styling, and differences from the <meter> element. The main focus is on using <progress> for task completion and <meter> for stati</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/faq/1796782760.html" title="What is the purpose of the <meter> element?" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
                            data-src="https://img.php.cn/upload/article/202503/21/2025032112352661331.jpg?x-oss-process=image/resize,p_40" alt="What is the purpose of the <meter> element?" src="/static/imghw/default1.png"  /></a><a href="https://m.php.cn/faq/1796782760.html" title="What is the purpose of the <meter> element?" class="phphistorical_Version2_mids_title">What is the purpose of the <meter> element?</a><span class="Articlelist_txts_time">Mar 21, 2025 pm	 12:35 PM</span><p class="Articlelist_txts_p">The article discusses the HTML <meter> element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates <meter> from <progress> and ex</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/faq/1796778165.html" title="How do I use the HTML5 <time> element to represent dates and times semantically?" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
                            data-src="https://img.php.cn/upload/article/202503/12/2025031216051550326.jpg?x-oss-process=image/resize,p_40" alt="How do I use the HTML5 <time> element to represent dates and times semantically?" src="/static/imghw/default1.png"  /></a><a href="https://m.php.cn/faq/1796778165.html" title="How do I use the HTML5 <time> element to represent dates and times semantically?" class="phphistorical_Version2_mids_title">How do I use the HTML5 <time> element to represent dates and times semantically?</a><span class="Articlelist_txts_time">Mar 12, 2025 pm	 04:05 PM</span><p class="Articlelist_txts_p">This article explains the HTML5 <time> element for semantic date/time representation.  It emphasizes the importance of the datetime attribute for machine readability (ISO 8601 format) alongside human-readable text, boosting accessibilit</p></div></div><a href="https://m.php.cn/web-designer.html" class="phpgenera_Details_mainL4_botton"><span>See all articles</span><img class="lazy" data-src="/static/imghwm/down_right.png" src="/static/imghw/default1.png" alt="" /></a></div><ins class="adsbygoogle"
     style="display:block"
     data-ad-format="fluid"
     data-ad-layout-key="-6t+ed+2i-1n-4w"
     data-ad-client="ca-pub-5902227090019525"
     data-ad-slot="8966999616"></ins><script>     (adsbygoogle = window.adsbygoogle || []).push({});
</script><div class="AI_ToolDetails_main4sR"><div class="phpgenera_Details_mainR3"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
                            onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
                            data-src="/static/imghwm/hottools2.png" src="/static/imghw/default1.png" alt="" /><h2>Hot AI Tools</h2></div><div class="phpgenera_Details_mainR3_bottom"><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
                                    onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
                                    data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ai/undresserai-undress" title="Undresser.AI Undress"class="phpmain_tab2_mids_title"><h3>Undresser.AI Undress</h3></a><p>AI-powered app for creating realistic nude photos</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
                                    onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
                                    data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ai/ai-clothes-remover" title="AI Clothes Remover"class="phpmain_tab2_mids_title"><h3>AI Clothes Remover</h3></a><p>Online AI tool for removing clothes from photos.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
                                    onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
                                    data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ai/undress-ai-tool" title="Undress AI Tool"class="phpmain_tab2_mids_title"><h3>Undress AI Tool</h3></a><p>Undress images for free</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
                                    onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
                                    data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ai/clothoffio" title="Clothoff.io"class="phpmain_tab2_mids_title"><h3>Clothoff.io</h3></a><p>AI clothes remover</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
                                    onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
                                    data-src="https://img.php.cn/upload/ai_manual/001/246/273/173405034393877.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Hentai Generator" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/ai/ai-hentai-generator" title="AI Hentai Generator"class="phpmain_tab2_mids_title"><h3>AI Hentai Generator</h3></a><p>Generate AI Hentai for free.</p></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/ai">Show More</a></div></div></div><div class="phpgenera_Details_mainR4"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
                            onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
                            data-src="/static/imghwm/hotarticle2.png" src="/static/imghw/default1.png" alt="" /><h2>Hot Article</h2></div><div class="phpgenera_Details_mainR4_bottom"><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/1796780570.html" title="R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>2 weeks ago</span><span>By尊渡假赌尊渡假赌尊渡假赌</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/1796773439.html" title="Repo: How To Revive Teammates" class="phpgenera_Details_mainR4_bottom_title">Repo: How To Revive Teammates</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 months ago</span><span>By尊渡假赌尊渡假赌尊渡假赌</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/1796774171.html" title="Hello Kitty Island Adventure: How To Get Giant Seeds" class="phpgenera_Details_mainR4_bottom_title">Hello Kitty Island Adventure: How To Get Giant Seeds</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 months ago</span><span>By尊渡假赌尊渡假赌尊渡假赌</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/1796775427.html" title="How Long Does It Take To Beat Split Fiction?" class="phpgenera_Details_mainR4_bottom_title">How Long Does It Take To Beat Split Fiction?</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>4 weeks ago</span><span>ByDDD</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/1796775336.html" title="R.E.P.O. Save File Location: Where Is It & How to Protect It?" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Save File Location: Where Is It & How to Protect It?</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>4 weeks ago</span><span>ByDDD</span></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/article.html">Show More</a></div></div></div><div class="phpgenera_Details_mainR3"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
                            onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
                            data-src="/static/imghwm/hottools2.png" src="/static/imghw/default1.png" alt="" /><h2>Hot Tools</h2></div><div class="phpgenera_Details_mainR3_bottom"><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/toolset/development-tools/660" title="Atom editor mac version download" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
                                        onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
                                        data-src="https://img.php.cn/upload/manual/000/000/001/58ed8cfa94c1a582.jpg" src="/static/imghw/default1.png" alt="Atom editor mac version download" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/toolset/development-tools/660" title="Atom editor mac version download" class="phpmain_tab2_mids_title"><h3>Atom editor mac version download</h3></a><p>The most popular open source editor</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
                                        onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
                                        data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg" src="/static/imghw/default1.png" alt="Dreamweaver CS6" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"><h3>Dreamweaver CS6</h3></a><p>Visual web development tools</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/toolset/development-tools/1574" title="Safe Exam Browser" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
                                        onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
                                        data-src="https://img.php.cn/upload/manual/000/000/017/169233952169011.png" src="/static/imghw/default1.png" alt="Safe Exam Browser" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/toolset/development-tools/1574" title="Safe Exam Browser" class="phpmain_tab2_mids_title"><h3>Safe Exam Browser</h3></a><p>Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/toolset/development-tools/1556" title="MantisBT" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
                                        onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
                                        data-src="https://img.php.cn/upload/manual/000/000/004/169206588591843.png" src="/static/imghw/default1.png" alt="MantisBT" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/toolset/development-tools/1556" title="MantisBT" class="phpmain_tab2_mids_title"><h3>MantisBT</h3></a><p>Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/toolset/development-tools/121" title="Zend Studio 13.0.1" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
                                        onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
                                        data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg" src="/static/imghw/default1.png" alt="Zend Studio 13.0.1" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/toolset/development-tools/121" title="Zend Studio 13.0.1" class="phpmain_tab2_mids_title"><h3>Zend Studio 13.0.1</h3></a><p>Powerful PHP integrated development environment</p></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/ai">Show More</a></div></div></div><div class="phpgenera_Details_mainR4"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
                            onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy"
                            data-src="/static/imghwm/hotarticle2.png" src="/static/imghw/default1.png" alt="" /><h2>Hot Topics</h2></div><div class="phpgenera_Details_mainR4_bottom"><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/gmailyxdlrkzn" title="Where is the login entrance for gmail email?"  class="phpgenera_Details_mainR4_bottom_title">Where is the login entrance for gmail email?</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png"
                                        alt="" /><span>7363</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png"
                                        alt="" /><span>15</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/java-tutorial" title="Java Tutorial"  class="phpgenera_Details_mainR4_bottom_title">Java Tutorial</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png"
                                        alt="" /><span>1628</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png"
                                        alt="" /><span>14</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/cakephp-tutor" title="CakePHP Tutorial"  class="phpgenera_Details_mainR4_bottom_title">CakePHP Tutorial</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png"
                                        alt="" /><span>1353</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png"
                                        alt="" /><span>52</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/laravel-tutori" title="Laravel Tutorial"  class="phpgenera_Details_mainR4_bottom_title">Laravel Tutorial</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png"
                                        alt="" /><span>1265</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png"
                                        alt="" /><span>25</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/php-tutorial" title="PHP Tutorial"  class="phpgenera_Details_mainR4_bottom_title">PHP Tutorial</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png"
                                        alt="" /><span>1214</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png"
                                        alt="" /><span>29</span></div></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/faq/zt">Show More</a></div></div></div></div></main><ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-5902227090019525"
     data-ad-slot="5027754603"></ins><script>     (adsbygoogle = window.adsbygoogle || []).push({});
</script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Public welfare online PHP training，Help PHP learners grow quickly！</p></div><div class="footermid"><a href="https://m.php.cn/about/us.html">About us</a><a href="https://m.php.cn/about/disclaimer.html">Disclaimer</a><a href="https://m.php.cn/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p>                © php.cn All rights reserved
            </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>  var _paq = window._paq = window._paq || [];
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="https://tongji.php.cn/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '9']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  })();
</script><script>jQuery.fn.wait = function (func, times, interval) {
    var _times = times || -1, //100次
    _interval = interval || 20, //20毫秒每次
    _self = this,
    _selector = this.selector, //选择器
    _iIntervalID; //定时器id
    if( this.length ){ //如果已经获取到了，就直接执行函数
        func && func.call(this);
    } else {
        _iIntervalID = setInterval(function() {
            if(!_times) { //是0就退出
                clearInterval(_iIntervalID);
            }
            _times <= 0 || _times--; //如果是正数就 --

_self = $(_selector); //再次选择
            if( _self.length ) { //判断是否取到
                func && func.call(_self);
                clearInterval(_iIntervalID);
            }
        }, _interval);
    }
    return this;
}

$("table.syntaxhighlighter").wait(function() {
        $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>");
    });
    $(document).on("click", ".cnblogs_code_footer",function(){
        $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide();
    });
    $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}});
            // 通用函数，用于显示或隐藏元素
        function toggleElementsDisplay(className, show) {
            const elements = document.getElementsByClassName(className);
            for (let i = 0; i < elements.length; i++) {
                elements[i].style.display = show ? "block" : "none";
            }
        }

// 绑定事件监听器
        function bindEventListeners() {
            const toggleDisplay = (className, show, eventId) => {
                document.getElementById(eventId).addEventListener("click", (event) => {
                    event.preventDefault();
                    toggleElementsDisplay(className, show);
                });
            };
            toggleDisplay("m_editormain12main", true, "fixed_tab_img");
            toggleDisplay("m_editormain12main", false, "fixed_tab_topi");
            toggleDisplay("m_editormain12main", false, "fixed_tab_close");

// 控制 m_menu 的显示和隐藏
            toggleDisplay("m_menu", true, "lan1sp");
            toggleDisplay("m_menu", false, "m_editormain12main_topi_sp");

// 控制 m_menu_lang 的显示和隐藏
            toggleDisplay("m_menu_lang", true, "lan1");
            toggleDisplay("m_menu_lang", false, "m_editormain12main_topi_lan");
        }

// 在页面加载完成后绑定事件监听器
        window.onload = bindEventListeners;

layui.use(function () {
            var util = layui.util;
            util.fixbar({
                on: {
                    mouseenter: function (type) {
                        layer.tips(type, this, {
                            tips: 4,
                            fixed: true,
                        });
                    },
                    mouseleave: function (type) {
                        layer.closeAll("tips");
                    },
                },
            });
        });

// 获取关闭按钮
        const closeButton = document.querySelector(".phpgenera_Details_mainR1_close");

// 获取容器元素
        const container = document.querySelector(".phpgenera_Details_mainR1");

// 添加点击事件监听器
        closeButton.addEventListener("click", (event) => {
            event.preventDefault(); // 阻止默认的<a>点击行为
            container.style.display = "none"; // 隐藏容器
        });

document.addEventListener("DOMContentLoaded", () => {
            // 动态获取所有滚动链接及隐藏目标元素
            const links = [{
                    linkId: "fixed_tab_a1",
                    targetId: "article_main_title1",
                    hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID
                },
                {
                    linkId: "fixed_tab_a2",
                    targetId: "article_main_title2",
                    hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID
                },
                {
                    linkId: "fixed_tab_a3",
                    targetId: "article_main_title3",
                    hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID
                },
                {
                    linkId: "fixed_tab_a4",
                    targetId: "article_main_title4",
                    hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID
                },
            ];

links.forEach(({
                linkId,
                targetId,
                hideElementId
            }) => {
                const linkElement = document.getElementById(linkId);
                const targetElement = document.getElementById(targetId);
                const hideElement = document.getElementById(hideElementId);

if (linkElement && targetElement) {
                    linkElement.addEventListener("click", (e) => {
                        e.preventDefault(); // 阻止默认行为

// 隐藏指定元素
                        if (hideElement) {
                            hideElement.style.display =
                            "none"; // 也可以用其他方法隐藏，如 `visibility: hidden`
                        }

// 平滑滚动到目标元素
                        targetElement.scrollIntoView({
                            behavior: "smooth"
                        });
                    });
                } else {
                    console.warn(
                        `Link, target, or hide element not found: ${linkId}, ${targetId}, ${hideElementId}`
                        );
                }
            });
        });

// 初始化菜单交互功能
        document.addEventListener('DOMContentLoaded', function () {
            const menuGroupElements = document.querySelectorAll('.layui-menu-item-group');

menuGroupElements.forEach(menuItem => {
                menuItem.addEventListener('click', function (event) {
                    // 防止子菜单点击触发父级事件
                    if (event.target.closest('.m_menusnames')) {
                        return;
                    }

// 切换菜单状态
                    this.classList.toggle('layui-menu-item-down');
                    this.classList.toggle('layui-menu-item-up');

// 获取子菜单容器
                    const subMenuContainer = this.querySelector('.m_menusnames');

// 切换子菜单显示状态
                    if (subMenuContainer) {
                        if (this.classList.contains('layui-menu-item-down')) {
                            subMenuContainer.style.display = 'block';
                            this.querySelector('.layui-icon').classList.remove(
                                'layui-icon-down');
                            this.querySelector('.layui-icon').classList.add('layui-icon-up');
                        } else {
                            subMenuContainer.style.display = 'none';
                            this.querySelector('.layui-icon').classList.remove('layui-icon-up');
                            this.querySelector('.layui-icon').classList.add('layui-icon-down');
                        }
                    }
                });
            });
        });
    </script></body></html>