你能使用<textarea>吗?超出 <form> 的范围 [英] Can You Use <textarea> Outside the Scope of a <form>

查看：29 发布时间：2021/9/6 19:16:40 textarea

本文介绍了你能使用<textarea>吗?超出 <form> 的范围的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我想使用 </code> 标签在浏览器中提供的特性和功能.我只想用它来保存一大块信息，这些信息可以通过使用 <code><textarea></code> 标签附带的滚动条查看.<em class="showen"></em></p> <p class="en">I want to use the features and functionality that the <code><textarea></code> tag offers in browsers. I want to use it merely to hold a large block of information that can be viewed through the use of the scrollbars that come with the <code><textarea></code> tag.</p> <p class="cn">所以我的问题是我可以在不使用 <code><form></form></code> 标签的情况下使用它吗?<em class="showen"></em></p> <p class="en">So my question is can I use it without using <code><form></form></code> tags?</p> <p class="cn">我想确保我在当代和未来的浏览器中正确使用它.<em class="showen"></em></p> <p class="en">I want to be sure that I use it properly for contemporary and future browsers.</p> <p class="cn">谢谢.</p> <h3 class="best_ans mt-1">推荐答案</h3> <p class="cn">按照标准，<code>textarea</code> 元素应该是 <code>form</code> 元素的后代.HTML5 允许将 <code>textarea</code> 放在表单之外，但要填充 <code>form</code> 属性.<em class="showen"></em></p> <p class="en">Following the standards the <code>textarea</code> element should be a descendant of a <code>form</code> element. HTML5 allows to place <code>textarea</code> outside the form but have a <code>form</code> attribute filled.</p> <p class="cn">参见:<a href="https://developer.mozilla.org/en-US/docs/HTML/HTML_Elements/textarea">https://developer.mozilla.org/en-US/docs/HTML/HTML_Elements/textarea</a></p> <p class="cn">但据我所知，在表单外使用 <code>textarea</code> 而没有 <code>form</code> 属性的主要浏览器中不会出现任何错误.<em class="showen"></em></p> <p class="en">But as I know you'll not get any errors in major browsers using <code>textarea</code> outside the form and without the <code>form</code> attribute.</p> <p class="cn">出于您在问题中描述的目的，您可以使用带有垂直滚动的 <code>div</code> 元素:<a href="http://jsfiddle.net/f0t0n/Ybznv/">http://jsfiddle.net/f0t0n/Ybznv/</a><em class="showen"></em></p> <p class="en">For the purpose you've described in your question, you can just use a <code>div</code> element with vertical scrolling: http://jsfiddle.net/f0t0n/Ybznv/</p> <pre><code><code>#log { height: 256px; width: 512px; overflow: auto; } </code></code></pre> <p>这篇关于你能使用<textarea>吗?超出 <form> 的范围的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！</p> </div> <div class="arc-body-main-more"> <span onclick="unlockarc('2437130');">查看全文</span> </div> </div> <div> </div> <div class="wwads-cn wwads-horizontal" data-id="166" style="max-width:100%;border: 4px solid #666;"></div> </div> </article> <div id="arc-ad-2" class="mb-1"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5038752844014834" data-ad-slot="3921941283"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="widget bgwhite radius-1 mb-1 shadow widget-rel"> <h5>相关文章</h5> <ul> <li> <a target="_blank" title="<label> 的语义使用也超出了<form>?" href="/2869654.html"> <label> 的语义使用也超出了<form>?; </a> </li> <li> <a target="_blank" title="使用< div>里面< form>" href="/1072443.html"> 使用< div>里面< form>; </a> </li> <li> <a target="_blank" title="如何使用< f:ajax>以简单的< form>而不是< h:form&gt ;?" href="/2286547.html"> 如何使用< f:ajax>以简单的< form>而不是< h:form&gt ;?; </a> </li> <li> <a target="_blank" title="防止< form>两个< form>之间的换行标签" href="/2022871.html"> 防止< form>两个< form>之间的换行标签; </a> </li> <li> <a target="_blank" title="form_for关闭< form>标签" href="/773649.html"> form_for关闭< form>标签; </a> </li> <li> <a target="_blank" title="是<输入>没有< form>？" href="/773190.html"> 是<输入>没有< form>？; </a> </li> <li> <a target="_blank" title="&LT; DIV&GT;打破< form>" href="/878022.html"> &LT; DIV&GT;打破< form>; </a> </li> <li> <a target="_blank" title="如何防止< form>< / form&gt ;?中的换行符/换行符" href="/575599.html"> 如何防止< form>< / form&gt ;?中的换行符/换行符; </a> </li> <li> <a target="_blank" title="你可以有一个逻辑< form>拆分多个< div>？" href="/865064.html"> 你可以有一个逻辑< form>拆分多个< div>？; </a> </li> <li> <a target="_blank" title="是嵌套的<form>可能的?" href="/2775549.html"> 是嵌套的<form>可能的?; </a> </li> <li> <a target="_blank" title="克隆一个<form></form>标记并将其包装在现有内容周围?" href="/2565113.html"> 克隆一个<form></form>标记并将其包装在现有内容周围?; </a> </li> <li> <a target="_blank" title="克隆一个 <form></form>标记并将其包裹在现有内容周围?" href="/2854010.html"> 克隆一个 <form></form>标记并将其包裹在现有内容周围?; </a> </li> <li> <a target="_blank" title="什么时候应该使用html的< form>当spring的< form：form>在Spring MVC的Web应用程序？" href="/863901.html"> 什么时候应该使用html的< form>当spring的< form：form>在Spring MVC的Web应用程序？; </a> </li> <li> <a target="_blank" title="使用 <form> 之外的按钮提交表单标签" href="/2870353.html"> 使用 <form> 之外的按钮提交表单标签; </a> </li> <li> <a target="_blank" title="使用 <form> 之外的按钮提交表单.标签" href="/2626954.html"> 使用 <form> 之外的按钮提交表单.标签; </a> </li> <li> <a target="_blank" title="使用< form>外的按钮提交表单标签" href="/860509.html"> 使用< form>外的按钮提交表单标签; </a> </li> <li> <a target="_blank" title="using <form> within <foreach> a few time" href="/2920213.html"> using <form> within <foreach> a few time; </a> </li> <li> <a target="_blank" title="AngularJS<输入>没有封闭 <form> 的验证" href="/2522275.html"> AngularJS<输入>没有封闭 <form> 的验证; </a> </li> <li> <a target="_blank" title="Twitter Bootstrap - < form>的两列布局" href="/566616.html"> Twitter Bootstrap - < form>的两列布局; </a> </li> <li> <a target="_blank" title="解析来自HTML< form>的输入" href="/2089652.html"> 解析来自HTML< form>的输入; </a> </li> <li> <a target="_blank" title="使用< form>时jquery无法正常工作标签" href="/1172136.html"> 使用< form>时jquery无法正常工作标签; </a> </li> <li> <a target="_blank" title="< form>的问题和动态生成的链接" href="/2090263.html"> < form>的问题和动态生成的链接; </a> </li> <li> <a target="_blank" title="如何在< / form>之后删除新行？" href="/1053116.html"> 如何在< / form>之后删除新行？; </a> </li> <li> <a target="_blank" title="为什么< form>被赋予NoValidate属性？" href="/881912.html"> 为什么< form>被赋予NoValidate属性？; </a> </li> <li> <a target="_blank" title="从HTML解析输入< form>在Golang" href="/808600.html"> 从HTML解析输入< form>在Golang; </a> </li> </ul> </div> <div class="mb-1"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5038752844014834" data-ad-slot="3921941283"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="side"> <div class="widget widget-side bgwhite mb-1 shadow"> <h5>其他开发最新文章</h5> <ul> <li> <a target="_blank" title="拒绝显示一个框架，因为它将'X-Frame-Options'设置为'sameorigin'" href="/893060.html"> 拒绝显示一个框架，因为它将'X-Frame-Options'设置为'sameorigin'; </a> </li> <li> <a target="_blank" title="什么是＆QUOT; AW＆QUOT;在部分标志属性是什么意思？" href="/303988.html"> 什么是＆QUOT; AW＆QUOT;在部分标志属性是什么意思？; </a> </li> <li> <a target="_blank" title="在运行npm install命令时获取'npm WARN弃用'警告" href="/840917.html"> 在运行npm install命令时获取'npm WARN弃用'警告; </a> </li> <li> <a target="_blank" title="cmake无法找到openssl" href="/516280.html"> cmake无法找到openssl; </a> </li> <li> <a target="_blank" title="从Spark的scala中的* .tar.gz压缩文件中读取HDF5文件" href="/850628.html"> 从Spark的scala中的* .tar.gz压缩文件中读取HDF5文件; </a> </li> <li> <a target="_blank" title="Twitter :: Error :: Forbidden - 无法验证您的凭据" href="/630061.html"> Twitter :: Error :: Forbidden - 无法验证您的凭据; </a> </li> <li> <a target="_blank" title="我什么时候需要一个fb：app_id或者fb：admins？" href="/747981.html"> 我什么时候需要一个fb：app_id或者fb：admins？; </a> </li> <li> <a target="_blank" title="将.db文件导入R" href="/902960.html"> 将.db文件导入R; </a> </li> <li> <a target="_blank" title="npm通知创建一个lockfile作为package-lock.json。你应该提交这个文件" href="/744854.html"> npm通知创建一个lockfile作为package-lock.json。你应该提交这个文件; </a> </li> <li> <a target="_blank" title="拒绝执行内联脚本，因为它违反了以下内容安全策略指令：“script-src'self'”" href="/819167.html"> 拒绝执行内联脚本，因为它违反了以下内容安全策略指令：“script-src'self'”; </a> </li> </ul> </div> <div class="widget widget-side bgwhite mb-1 shadow"> <h5> 热门教程 </h5> <ul> <li> <a target="_blank" title="Java教程" href="/OnLineTutorial/java/index.html"> Java教程 </a> </li> <li> <a target="_blank" title="Apache ANT 教程" href="/OnLineTutorial/ant/index.html"> Apache ANT 教程 </a> </li> <li> <a target="_blank" title="Kali Linux教程" href="/OnLineTutorial/kali_linux/index.html"> Kali Linux教程 </a> </li> <li> <a target="_blank" title="JavaScript教程" href="/OnLineTutorial/javascript/index.html"> JavaScript教程 </a> </li> <li> <a target="_blank" title="JavaFx教程" href="/OnLineTutorial/javafx/index.html"> JavaFx教程 </a> </li> <li> <a target="_blank" title="MFC 教程" href="/OnLineTutorial/mfc/index.html"> MFC 教程 </a> </li> <li> <a target="_blank" title="Apache HTTP客户端教程" href="/OnLineTutorial/apache_httpclient/index.html"> Apache HTTP客户端教程 </a> </li> <li> <a target="_blank" title="Microsoft Visio 教程" href="/OnLineTutorial/microsoft_visio/index.html"> Microsoft Visio 教程 </a> </li> </ul> </div> <div class="widget widget-side bgwhite mb-1 shadow"> <h5> 热门工具 </h5> <ul> <li> <a target="_blank" title="Java 在线工具" href="/Onlinetools/details/4"> Java 在线工具 </a> </li> <li> <a target="_blank" title="C(GCC) 在线工具" href="/Onlinetools/details/6"> C(GCC) 在线工具 </a> </li> <li> <a target="_blank" title="PHP 在线工具" href="/Onlinetools/details/8"> PHP 在线工具 </a> </li> <li> <a target="_blank" title="C# 在线工具" href="/Onlinetools/details/1"> C# 在线工具 </a> </li> <li> <a target="_blank" title="Python 在线工具" href="/Onlinetools/details/5"> Python 在线工具 </a> </li> <li> <a target="_blank" title="MySQL 在线工具" href="/Onlinetools/Dbdetails/33"> MySQL 在线工具 </a> </li> <li> <a target="_blank" title="VB.NET 在线工具" href="/Onlinetools/details/2"> VB.NET 在线工具 </a> </li> <li> <a target="_blank" title="Lua 在线工具" href="/Onlinetools/details/14"> Lua 在线工具 </a> </li> <li> <a target="_blank" title="Oracle 在线工具" href="/Onlinetools/Dbdetails/35"> Oracle 在线工具 </a> </li> <li> <a target="_blank" title="C++(GCC) 在线工具" href="/Onlinetools/details/7"> C++(GCC) 在线工具 </a> </li> <li> <a target="_blank" title="Go 在线工具" href="/Onlinetools/details/20"> Go 在线工具 </a> </li> <li> <a target="_blank" title="Fortran 在线工具" href="/Onlinetools/details/45"> Fortran 在线工具 </a> </li> </ul> </div> </div> </div> <script type="text/javascript">var eskeys = '你,能,使用,textarea,吗,超出,lt,form&gt,的,范围'; var cat = 'cc';';//other-dev</script> </div> <div id="pop" onclick="pophide();"> <div id="pop_body" onclick="event.stopPropagation();"> <h6 class="flex flex101"> 登录 <span onclick="pophide();">关闭</span> </h6> <div class="pd-1"> <div class="wxtip center"> <span>扫码关注<em>1秒</em>登录</span> </div> <div class="center"> <img id="qr" src="https://huajiakeji.com/Content/Images/qrydx.jpg" alt="" style="width:150px;height:150px;" /> </div> <div style="margin-top:10px;display:flex;justify-content: center;"> <input type="text" placeholder="输入验证码" id="txtcode" autocomplete="off" /> <input id="btngo" type="button" onclick="chk()" value="GO" /> </div> <div class="center" style="margin: 4px; font-size: .8rem; color: #f60;"> 发送“验证码”获取 <em style="padding: 0 .5rem;">|</em> <span style="color: #01a05c;">15天全站免登陆</span> </div> <div id="chkinfo" class="tip"></div> </div> </div> </div> <script type="text/javascript" src="https://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/highlight.min.js"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/base.js?v=0.22"></script> <script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/tui.js?v=0.11"></script> <footer class="footer"> <div class="container"> <div class="flink mb-1"> 友情链接： <a href="https://www.it1352.com/" target="_blank">IT屋</a> <a href="https://huajiakeji.com/" target="_blank">Chrome插件</a> <a href="https://www.cnplugins.com/" target="_blank">谷歌浏览器插件</a> </div> <section class="copyright-section"> <a href="https://www.it1352.com" title="IT屋-程序员软件开发技术分享社区">IT屋</a> ©2016-2022 <a href="http://www.beian.miit.gov.cn/" target="_blank">琼ICP备2021000895号-1</a> <a href="/sitemap.html" target="_blank" title="站点地图">站点地图</a> <a href="/Home/Tags" target="_blank" title="站点标签">站点标签</a> <a target="_blank" alt="sitemap" href="/sitemap.xml">SiteMap</a> <a href="/1155981.html" title="IT屋-免责申明"><免责申明></a> 本站内容来源互联网,如果侵犯您的权益请联系我们删除. </section>  <script type="text/javascript"> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?0c3a090f7b3c4ad458ac1296cb5cc779"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="text/javascript"> (function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </div> </footer> </body> </html>

你能使用<textarea>吗?超出 &lt;form&gt; 的范围 [英] Can You Use &lt;textarea&gt; Outside the Scope of a &lt;form&gt;

问题描述

你能使用<textarea>吗?超出 <form> 的范围 [英] Can You Use <textarea> Outside the Scope of a <form>