【问题标题】:Can You Use <textarea> Outside the Scope of a <form>你能在 <form> 的范围之外使用 <textarea>
【发布时间】:2013-01-25 19:24:50
【问题描述】:

我想使用&lt;textarea&gt; 标签在浏览器中提供的特性和功能。我只想用它来保存大量信息,这些信息可以通过使用&lt;textarea&gt; 标签附带的滚动条来查看。

所以我的问题是我可以在不使用&lt;form&gt;&lt;/form&gt; 标签的情况下使用它吗?

我想确保将它正确地用于当代和未来的浏览器。

谢谢。

【问题讨论】:

  • 你为什么不试试看它是否有效?
  • 哦,它工作正常@nathanhayfield。我只是想知道这是否是对标签的正确和合规使用。

标签: textarea


【解决方案1】:

按照标准,textarea 元素应该是 form 元素的后代。 HTML5 允许将 textarea 放在表单之外,但要填充 form 属性。

见:https://developer.mozilla.org/en-US/docs/HTML/HTML_Elements/textarea

但据我所知,在主要浏览器中使用表单外的textarea 并且没有form 属性时不会出现任何错误。

出于您在问题中描述的目的,您可以使用带有垂直滚动的div 元素:http://jsfiddle.net/f0t0n/Ybznv/

#log {
    height: 256px;
    width: 512px;
    overflow: auto;
}

【讨论】:

  • 感谢@EvgeniyNaydenov 解释并提供替代解决方案!我最终会使用你的解决方案。
【解决方案2】:

是的,你可以,但如果它只是滚动使用 div 并在 css 中像这样设置样式:

示例:

div {
overflow-x:scroll;
height:200px;
width:200px;
border:solid black 1px;
}

演示: http://jsbin.com/ugusos/2/edit

【讨论】:

  • 啊,这很酷。我认为这实际上是我应该去的方向。谢谢@user1721135
  • 谢谢@user1721135。我将使用您的解决方案(以及 at EvgeniyNaydenov 的回答)。我接受了 at EvgeniyNaydenov 的回答,因为他实际上解决了我的问题的范围。其他来这里查看此问题的人会希望专注于相关的答案。
【解决方案3】:

是的,您可以在表单之外使用 textarea 标签,它们将显示并允许插入和编辑文本,但不与表单绑定,它们的使用可能会受到限制。尽管我想您总是可以将 document.getElementById("") 用于文本区域...

【讨论】:

  • 谢谢,我很高兴能够对我现在在这个网站上找到的所有答案进行投票。
【解决方案4】:

是的,您可以在表单之外使用,

但您也可以使用 div 元素,然后使用 contenteditable 属性,以便用户可以编辑信息。

http://html5doctor.com/the-contenteditable-attribute/

【讨论】:

  • 好的,谢谢@StuartGrant。但我只是想使用标签来显示内容,而不是为了让用户可以想象地更改信息。
【解决方案5】:

是的,您可以在表单之外使用文本区域;没有问题。
PS:但是没有充分的理由使用 textarea out 或 form。您可以使用 div 代替。

【讨论】:

    猜你喜欢
    • 2012-08-15
    • 2014-02-14
    • 1970-01-01
    • 2018-02-22
    • 2019-07-10
    • 1970-01-01
    • 2011-11-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多