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

Home >Web Front-end >HTML Tutorial >How to specify in HTML whether an or element has autocomplete enabled?</p><div class="clear"></div></div></div><div class="nphpQianBox"><div class="nphpQianTitle"><h1>How to specify in HTML whether an <input> or <textarea> element has autocomplete enabled?</h1><div class="nphpQianTitleIn"><span><img data-src="https://img.php.cn/upload/avatar/000/887/227/63bb7851c9547215.jpg" alt="WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB" class="lazyload" src="/static/front/mobimages/moren/moren.png" /></span><dl><dt><em>WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</em><i class='bg2'>forward</i><div class="clear"></div></dt><dd><em>2023-09-08 20:33:12</em><i>1003browse</i><div class="clear"></div></dd></dl><div class="clear"></div></div></div><div class="nphpQianCont wenda-list"><p><img src="https://img.php.cn/upload/article/000/887/227/169417639919251.jpg" 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="nphpQianMsg"><a href="javascript:void(0);">html</a><div class="clear"></div></div><div class="nphpQianSheng"><span>Statement：</span><div>This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete</div></div></div><div class="nphpSytBox"><span>Previous article：<a class="dBlack" title="Matches any string ending with the letter "p"" href="https://m.php.cn/faq/604705.html">Matches any string ending with the letter "p"</a></span><span>Next article：<a class="dBlack" title="Matches any string ending with the letter "p"" href="https://m.php.cn/faq/604724.html">Matches any string ending with the letter "p"</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Related articles</h2><em><a href="https://m.php.cn/article.html" class="bBlack"><i>See more</i><b></b></a></em><div class="clear"></div></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><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/faq/348757.html" title="Summary of Html knowledge" class="aBlack">Summary of Html knowledge</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/faq/348804.html" title="How to learn HTML quickly" class="aBlack">How to learn HTML quickly</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/faq/348873.html" title="The difference between html xhtml xml" class="aBlack">The difference between html xhtml xml</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/faq/348884.html" title="The difference between src and href attributes" class="aBlack">The difference between src and href attributes</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/faq/348902.html" title="About HTML5 and CSS replacement use" class="aBlack">About HTML5 and CSS replacement use</a><div class="clear"></div></li></ul></div></div><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></div><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>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');});}}); </script></body><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></html>