程序首页
文章
下载
合集
在线运行代码
手机客户端
首页
>
文章列表
> 如何在HTML中指定是否启用自动完成功能的
或
元素？</div> <div class="ngfLeft"> <div class="ngfXlhBox"> <div class="ngfTjzxIn"> <div class="ngfSpxqTitle"> <h1>如何在HTML中指定是否启用自动完成功能的<input>或<textarea>元素？</h1> <span> <em> <a href="javascript:;" title="autocomplete(自动完成)">autocomplete(自动完成)</a> <a href="javascript:;" title="HTMLform(HTML表单)">HTMLform(HTML表单)</a> <a href="javascript:;" title="disable(禁用)">disable(禁用)</a> <div class="clear"></div> </em> <i><b class="icon1"></b>386</i> <i><b class="icon2"></b>2023-09-19</i> <div class="clear"></div> </span> </div> <div class="ngfSpxqCont"> <p><p style="">使用<em>自动完成</em>属性在 HTML 表单中启用自动完成功能。 <em>自动完成</em>属性与表单元素一起使用，以设置自动完成功能的打开或关闭。如果<em>自动完成</em>功能已启用，浏览器将根据用户之前在字段中输入的内容自动显示值。</p><p style="">如果<em>自动完成</em> em>功能<em>关闭</em>，浏览器不会根据用户之前在字段中输入的内容自动显示值。</p><p style="">以下是属性值 - </p><table style="width: 100%;"><thead><tr><th style="width: 9.7862%; text-align: center;">S.否</p><p></th><th style="width: 23.5505%; text-align: center;">属性值</p><p></th><th style="width: 66.6739%; text-align: center;">说明</p><p></th></tr></thead><tbody><tr><td style="width: 9.7862%; text-align : center;">1</p><p></td><td style="width: 23.5505%; text-align: center;">开启</p><p></td><td 样式="width: 66.6739%;">这是默认值。浏览器会根据用户之前输入的内容自动补全值。</p><p></td></tr><tr><td style="width: 9.7862%; text-align: center;">2</ p><p></td><td style="width: 23.5505%; text-align: center;">关闭</p><p></td><td style="width: 66.6739%;" >浏览器不会根据用户之前输入的内容完成值。用户必须输入值。</p><p></td></tr></tbody></table><p style="">您可以尝试运行以下代码来了解如何使用HTML 中的自动完成属性。要检查以下代码的运行情况，请在输入类型文本中输入一些值，然后单击“提交”。之后，再次填充字段并再次运行代码，以便在字段中输入值时，您可以看到自动完成值。这是为了自动完成值。</p><h2 style="">示例</h2><p style="">您可以尝试运行以下代码来指定 <form> 或 <input> 元素应该在 HTML 中启用自动完成 -</p><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></p> <div style="float: right;overflow: hidden;height: 20px;line-height: 16px;font-size: 14px;color:gray;"> 来源：<a href="https://www.tutorialspoint.com/How-to-specify-whether-the-form-or-the-input-element-should-have-autocomplete-enabled-in-HTML" class="aBlack" title="https://www.tutorialspoint.com/How-to-specify-whether-the-form-or-the-input-element-should-have-autocomplete-enabled-in-HTML" target="_blank" rel="nofollow">https://www.tutorialspoint.com/How-to-specify-whether-the-form-or-the-input-element-should-have-autocomplete-enabled-in-HTML</a> </div> </div> <div class="ngfSypBox"> <a href="https://www.jiaoben.net/article/55254.html" class="aBlue" title="">上一篇 我们如何在HTML中显示文本区域的可见宽度？</a> <a href="https://www.jiaoben.net/article/55256.html" class="aBlue" title="">下一篇 在HTML中为一个元素使用多个CSS类</a> <div class="clear"></div> </div> </div> </div> <div class="ngfXlhBox"> <div class="ngfTjzxIn"> <div class="ngfTjzxTitle"> <b></b> <h2>本类最新</h2> <span> <a href="https://www.jiaoben.net/articlelist/21_1.html" title="查看更多" target="_blank" class="bBlack"> <i>查看更多</i> <em></em> <div class="clear"></div> </a> </span> <div class="clear"></div> </div> <ul class="ngfSpjcList"> <li> <a href="https://www.jiaoben.net/article/201454.html" class="aBlack" target="_blank" title="黑暗主题的力量和性能优化：简单指南"> <span><img data-src="/uploads/20250418/174498150668024e02617ca.jpg" alt="黑暗主题的力量和性能优化：简单指南" class="lazyload" src="/uploads/20250418/174498150668024e02617ca.jpg" onerror="this.src='/statics/www/2020images/moren/355_225.png'"/></span> <p>黑暗主题的力量和性能优化：简单指南</p> </a> </li> <li> <a href="https://www.jiaoben.net/article/241933.html" class="aBlack" target="_blank" title="如何高效地在 HTML 代码中嵌套注释？ "> <span><img data-src="/uploads/20250418/1744979095680244974cba8.jpg" alt="如何高效地在 HTML 代码中嵌套注释？ " class="lazyload" src="/uploads/20250418/1744979095680244974cba8.jpg" onerror="this.src='/statics/www/2020images/moren/355_225.png'"/></span> <p>如何高效地在 HTML 代码中嵌套注释？ </p> </a> </li> <li> <a href="https://www.jiaoben.net/article/308343.html" class="aBlack" target="_blank" title="如何利用IntersectionObserver API实现页面元素根据滚动位置动态显示和隐藏？ "> <span><img data-src="/uploads/20250418/17449712936802261d7873d.jpg" alt="如何利用IntersectionObserver API实现页面元素根据滚动位置动态显示和隐藏？ " class="lazyload" src="/uploads/20250418/17449712936802261d7873d.jpg" onerror="this.src='/statics/www/2020images/moren/355_225.png'"/></span> <p>如何利用IntersectionObserver API实现页面元素根据滚动位置动态显示和隐藏？ </p> </a> </li> <li> <a href="https://www.jiaoben.net/article/251404.html" class="aBlack" target="_blank" title="如何使用 ExcelJS 导出可编辑的 Excel 文件？ "> <span><img data-src="/uploads/20250418/174497129868022622d9787.jpg" alt="如何使用 ExcelJS 导出可编辑的 Excel 文件？ " class="lazyload" src="/uploads/20250418/174497129868022622d9787.jpg" onerror="this.src='/statics/www/2020images/moren/355_225.png'"/></span> <p>如何使用 ExcelJS 导出可编辑的 Excel 文件？ </p> </a> </li> <li> <a href="https://www.jiaoben.net/article/317971.html" class="aBlack" target="_blank" title="在Vue 3中，通过类属性包装ref后，修改类属性是否还能触发响应式更新视图？"> <span><img data-src="/uploads/20250418/174496949468021f1698115.jpg" alt="在Vue 3中，通过类属性包装ref后，修改类属性是否还能触发响应式更新视图？" class="lazyload" src="/uploads/20250418/174496949468021f1698115.jpg" onerror="this.src='/statics/www/2020images/moren/355_225.png'"/></span> <p>在Vue 3中，通过类属性包装ref后，修改类属性是否还能触发响应式更新视图？</p> </a> </li> <li> <a href="https://www.jiaoben.net/article/240618.html" class="aBlack" target="_blank" title="如何指定中文输入法中的引号和下引号？ "> <span><img data-src="/uploads/20250418/17449700956802216fec561.jpg" alt="如何指定中文输入法中的引号和下引号？ " class="lazyload" src="/uploads/20250418/17449700956802216fec561.jpg" onerror="this.src='/statics/www/2020images/moren/355_225.png'"/></span> <p>如何指定中文输入法中的引号和下引号？ </p> </a> </li> <div class="clear"></div> </ul> </div> </div> </div> <div class="ngfRight"> <div class="ngfJxydBox"> <div class="ngfJxydIn"> <div class="ngfTjzxTitle"> <b></b> <h2>热门推荐</h2> <span> <a href="https://www.jiaoben.net/articlelist/21_1.html" target="_blank" title="查看更多" class="bBlack"> <i>查看更多</i> <em></em> <div class="clear"></div> </a> </span> <div class="clear"></div> </div> <ul class="ngfJxydList"> <li> <span><a href="https://www.jiaoben.net/article/307264.html" target="_blank" title="CSS圆角边框与内容出现缝隙：如何彻底解决？"><img data-src="/uploads/20250322/174262680267de5ff229514.jpg" alt="CSS圆角边框与内容出现缝隙：如何彻底解决？" class="lazyload" src="/uploads/20250322/174262680267de5ff229514.jpg" onerror="this.src='/statics/moren/120_120.png'"/></a></span> <dl> <dt><a href="https://www.jiaoben.net/article/307264.html" target="_blank" title="CSS圆角边框与内容出现缝隙：如何彻底解决？" class="aBlack">CSS圆角边框与内容出现缝隙：如何彻底解决？</a></dt> <dd> <em><b class="icon1"></b>501</em> <em><b class="icon2"></b>2025-03-22</em> <div class="clear"></div> </dd> </dl> <div class="clear"></div> </li> <li> <span><a href="https://www.jiaoben.net/article/246646.html" target="_blank" title="升级版本后配置参数不显示，如何有效清除浏览器缓存？ "><img data-src="/uploads/20250416/174476969667ff12a047281.jpg" alt="升级版本后配置参数不显示，如何有效清除浏览器缓存？ " class="lazyload" src="/uploads/20250416/174476969667ff12a047281.jpg" onerror="this.src='/statics/moren/120_120.png'"/></a></span> <dl> <dt><a href="https://www.jiaoben.net/article/246646.html" target="_blank" title="升级版本后配置参数不显示，如何有效清除浏览器缓存？ " class="aBlack">升级版本后配置参数不显示，如何有效清除浏览器缓存？ </a></dt> <dd> <em><b class="icon1"></b>501</em> <em><b class="icon2"></b>2025-04-16</em> <div class="clear"></div> </dd> </dl> <div class="clear"></div> </li> <li> <span><a href="https://www.jiaoben.net/article/299975.html" target="_blank" title="移动端文本过长如何实现自动轮播，长度较短时则不滚动？ "><img data-src="/uploads/20250320/174244350767db93f3efd49.jpg" alt="移动端文本过长如何实现自动轮播，长度较短时则不滚动？ " class="lazyload" src="/uploads/20250320/174244350767db93f3efd49.jpg" onerror="this.src='/statics/moren/120_120.png'"/></a></span> <dl> <dt><a href="https://www.jiaoben.net/article/299975.html" target="_blank" title="移动端文本过长如何实现自动轮播，长度较短时则不滚动？ " class="aBlack">移动端文本过长如何实现自动轮播，长度较短时则不滚动？ </a></dt> <dd> <em><b class="icon1"></b>501</em> <em><b class="icon2"></b>2025-03-20</em> <div class="clear"></div> </dd> </dl> <div class="clear"></div> </li> <li> <span><a href="https://www.jiaoben.net/article/303853.html" target="_blank" title="Element-UI Cascader多选：如何自定义+1标签文字？ "><img data-src="/uploads/20250328/174312240067e5efe063d07.jpg" alt="Element-UI Cascader多选：如何自定义+1标签文字？ " class="lazyload" src="/uploads/20250328/174312240067e5efe063d07.jpg" onerror="this.src='/statics/moren/120_120.png'"/></a></span> <dl> <dt><a href="https://www.jiaoben.net/article/303853.html" target="_blank" title="Element-UI Cascader多选：如何自定义+1标签文字？ " class="aBlack">Element-UI Cascader多选：如何自定义+1标签文字？ </a></dt> <dd> <em><b class="icon1"></b>501</em> <em><b class="icon2"></b>2025-03-28</em> <div class="clear"></div> </dd> </dl> <div class="clear"></div> </li> <li> <span><a href="https://www.jiaoben.net/article/298514.html" target="_blank" title="大数据量滚动表格卡顿怎么办？虚拟列表优化方案及资源推荐"><img data-src="/uploads/20250327/174303816867e4a6d8eee3d.jpg" alt="大数据量滚动表格卡顿怎么办？虚拟列表优化方案及资源推荐" class="lazyload" src="/uploads/20250327/174303816867e4a6d8eee3d.jpg" onerror="this.src='/statics/moren/120_120.png'"/></a></span> <dl> <dt><a href="https://www.jiaoben.net/article/298514.html" target="_blank" title="大数据量滚动表格卡顿怎么办？虚拟列表优化方案及资源推荐" class="aBlack">大数据量滚动表格卡顿怎么办？虚拟列表优化方案及资源推荐</a></dt> <dd> <em><b class="icon1"></b>500</em> <em><b class="icon2"></b>2025-03-27</em> <div class="clear"></div> </dd> </dl> <div class="clear"></div> </li> <li> <span><a href="https://www.jiaoben.net/article/302619.html" target="_blank" title="如何用JS动态展示树形结构的平台和期限数据并更新价格？ "><img data-src="/uploads/20250407/174399130967f3320d9c2b9.jpg" alt="如何用JS动态展示树形结构的平台和期限数据并更新价格？ " class="lazyload" src="/uploads/20250407/174399130967f3320d9c2b9.jpg" onerror="this.src='/statics/moren/120_120.png'"/></a></span> <dl> <dt><a href="https://www.jiaoben.net/article/302619.html" target="_blank" title="如何用JS动态展示树形结构的平台和期限数据并更新价格？ " class="aBlack">如何用JS动态展示树形结构的平台和期限数据并更新价格？ </a></dt> <dd> <em><b class="icon1"></b>500</em> <em><b class="icon2"></b>2025-04-07</em> <div class="clear"></div> </dd> </dl> <div class="clear"></div> </li> </ul> </div> </div> <div class="ngfJxydBox"> <div class="ngfJxydIn"> <div class="ngfTjzxTitle"> <b></b> <h2>热门教程</h2> <span> <a href="https://www.jiaoben.net/articlelist" title="查看更多" class="bBlack"> <i>查看更多</i> <em></em> <div class="clear"></div> </a> </span> <div class="clear"></div> </div> <ul class="ngfRmspList"> <li> <a href="https://www.jiaoben.net/article/175629.html" title="PHP框架如何使用 PHPStorm" target="_blank" class="aBlack"> <span><img data-src="/uploads/20250326/174297902767e3bfd39c160.jpg" alt="PHP框架如何使用 PHPStorm" class="lazyload" src="/uploads/20250326/174297902767e3bfd39c160.jpg" onerror="this.src='/statics/www/2020images/moren/355_225.png'"/></span> <p>PHP框架如何使用 PHPStorm</p> </a> </li> <li> <a href="https://www.jiaoben.net/article/257553.html" title="ANTLR加减乘除表达式语法识别报错：如何正确定义整数匹配模式？" target="_blank" class="aBlack"> <span><img data-src="/uploads/20250331/174342959567ea9fdb9c121.jpg" alt="ANTLR加减乘除表达式语法识别报错：如何正确定义整数匹配模式？" class="lazyload" src="/uploads/20250331/174342959567ea9fdb9c121.jpg" onerror="this.src='/statics/www/2020images/moren/355_225.png'"/></span> <p>ANTLR加减乘除表达式语法识别报错：如何正确定义整数匹配模式？</p> </a> </li> <li> <a href="https://www.jiaoben.net/article/305936.html" title="GORM关联模型字段：指针类型和值类型在预加载时的区别是什么？" target="_blank" class="aBlack"> <span><img data-src="/uploads/20250322/174265350867dec84401ad2.jpg" alt="GORM关联模型字段：指针类型和值类型在预加载时的区别是什么？" class="lazyload" src="/uploads/20250322/174265350867dec84401ad2.jpg" onerror="this.src='/statics/www/2020images/moren/355_225.png'"/></span> <p>GORM关联模型字段：指针类型和值类型在预加载时的区别是什么？</p> </a> </li> <li> <a href="https://www.jiaoben.net/article/245766.html" title="Java 中 HashMap 的底层数据结构是什么？" target="_blank" class="aBlack"> <span><img data-src="/uploads/20250405/174384088867f0e67875f49.jpg" alt="Java 中 HashMap 的底层数据结构是什么？" class="lazyload" src="/uploads/20250405/174384088867f0e67875f49.jpg" onerror="this.src='/statics/www/2020images/moren/355_225.png'"/></span> <p>Java 中 HashMap 的底层数据结构是什么？</p> </a> </li> <li> <a href="https://www.jiaoben.net/article/216066.html" title="网易云音乐怎么设置禁用流量 网易云音乐设置禁用流量方法" target="_blank" class="aBlack"> <span><img data-src="/uploads/20250327/174307560367e5391369f7d.jpg" alt="网易云音乐怎么设置禁用流量 网易云音乐设置禁用流量方法" class="lazyload" src="/uploads/20250327/174307560367e5391369f7d.jpg" onerror="this.src='/statics/www/2020images/moren/355_225.png'"/></span> <p>网易云音乐怎么设置禁用流量 网易云音乐设置禁用流量方法</p> </a> </li> <li> <a href="https://www.jiaoben.net/article/281859.html" title="2025年快递停运时间查询" target="_blank" class="aBlack"> <span><img data-src="/uploads/20250402/174355379167ec84ff3ad50.jpg" alt="2025年快递停运时间查询" class="lazyload" src="/uploads/20250402/174355379167ec84ff3ad50.jpg" onerror="this.src='/statics/www/2020images/moren/355_225.png'"/></span> <p>2025年快递停运时间查询</p> </a> </li> <div class="clear"></div> </ul> </div> </div> <!--热门应用 end--> </div> <!--右边 end--> <div class="clear"></div> </div> <div class="sy_footer"> <footer> <div class="footer_cont"> <div class="footcont_left"> <a href="#"> <img style="width: 300px;" src="https://www.jiaoben.net/statics/www/2020images/footer-logo.png" alt=""> </a> </div> <em class="fot_line"></em> <div class="footcont_right"> <p>版权所有：jiaoben.net Copyright 2020~2025</p> <p>本站所有软件、源码、文章均有网友提供，如有侵权联系jiaobennet@163.com</p> <p><a style="color: #999999" href="https://beian.miit.gov.cn/" target="_blank">湘ICP备2022002427号</a></p> </div> <div class="clear"></div> </div> </footer> </div> <!--右侧导航--> <div class="ngfYoucBox" id="menuRight"> <a href="https://m.jiaoben.net" class="aBlue"> <b class="icon1" style="float: none;"></b> <p>手机版</p> </a> <a href="javascript:scroll(0,0)" class="cBlack"> <b class="icon2"></b> <p>返回顶部</p> </a> </div> <!--右侧导航 end--> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?d7dfe7acaf9cb2eaf7c319afb7d1c287"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <div class="ngfZuocBox" id="menuLeft"> <a href="https://www.jiaoben.net/articlelist/31_1.html" title="软件教程">软件教程</a> <a href="https://www.jiaoben.net/articlelist/30_1.html" title="数据库">数据库</a> <a href="https://www.jiaoben.net/articlelist/29_1.html" title="linux">linux</a> <a href="https://www.jiaoben.net/articlelist/28_1.html" title="网络安全">网络安全</a> <a href="https://www.jiaoben.net/articlelist/25_1.html" title="MySql">MySql</a> <a href="https://www.jiaoben.net/articlelist/21_1.html" title="HTML+CSS">HTML+CSS</a> <a href="https://www.jiaoben.net/articlelist/20_1.html" title="JavaScript">JavaScript</a> <a href="https://www.jiaoben.net/articlelist/19_1.html" title="C++">C++</a> <a href="https://www.jiaoben.net/articlelist/18_1.html" title="goLang">goLang</a> <a href="https://www.jiaoben.net/articlelist/17_1.html" title="php">php</a> <a href="https://www.jiaoben.net/articlelist/16_1.html" title="Python">Python</a> <a href="https://www.jiaoben.net/articlelist/15_1.html" title="java">java</a> </div> </body> </html>
