textarea 相关问题

Selenium with python 无法本地化 IFRAME 框中的区域文本

我正在将 Selenium 与 python 一起使用，并一直尝试单击文本区域并修改消息描述。文本框的 HTML 如下所示： 当我尝试使用此代码时出现错误： 硒。

selinium with python 无法本地化 ifram 框中的区域文本

我正在使用 Selenium 和 python，并一直在尝试单击文本区域，并修改消息描述。文本框的 HTML 如下所示： 在此输入图像描述 当我尝试时出现错误

javaFX 中插入符相对于屏幕坐标的位置

我正在尝试找到一种方法来获取JavaFX中文本区域中插入符位置的相应屏幕位置。我需要在插入符号位置的文本中显示弹出窗口的位置。 我找到了请求...

使用 ViewBag asp.net mvc core 填充文本区域

我有这个文本区域尚未填充。 viewbag 不为空，因为如果我填充文本框，则会显示 @ViewBag.JobsDetails.job_description 中的信息。它只是不...

TEXTAREA 环绕属性软或硬

我阅读了w3schools和MDN来了解的wrap属性是如何工作的。我在这里看到一个问题解释了软包装和硬包装之间的区别，但我无法理解。谁都可以吗</desc> <question vote="0"> <p>我阅读了 <a href="https://www.w3schools.com/tags/att_textarea_wrap.asp" rel="nofollow noreferrer">w3schools</a> 和 <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attr-wrap" rel="nofollow noreferrer">MDN</a> 以了解 <pre><code>wrap</code></pre> 的 <pre><code><textarea></code></pre> 属性如何工作。我在这里看到一个问题解释了软包装和硬包装之间的区别，但我无法理解。谁能用更简单的方式向我解释一下？</p> </question> <answer tick="true" vote="0"> <p><pre><code>wrap: hard</code></pre> 将长单词分解为较小的单词（如果设置了 <pre><code>cols</code></pre> 属性 - 这将是较小单词的长度）</p> <p><strong>包裹：硬</strong></p> <p>例如，此表单将有输出 <pre><code>WWWWWWWWWW WWWWWWWWWW WWWWWWWWWW WWWWWWWWWW WWWWWWWWWW WWWWWWWWWW W</code></pre> :</p> <pre><code><form> <textarea cols="10" wrap="hard"> WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW </textarea> <input type="submit"> </form> </code></pre> <p><strong>包装：柔软</strong></p> <p>使用 <pre><code>wrap: soft</code></pre> 它将有以下输出（与值相同）： <pre><code>WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW</code></pre></p> <p><strong>换行：关闭</strong></p> <p>还有选项<pre><code>wrap: off</code></pre>，这意味着什么都不会被分割成更多行。将添加滚动条。它对输出没有任何变化，就像<pre><code>wrap: soft</code></pre>：<pre><code>WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW</code></pre></p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code><textarea wrap="off"> WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW </textarea></code></pre> </div> </div> <p></p> </answer> <answer tick="false" vote="0"> <p>尝试使用图形输入。当输入字段大小超出时，您应该注意到差异。例如：</p> <pre><code><textarea wrap="hard" cols="20"></textarea> </code></pre> <p>每 80 个字符将开始新行。请注意，并非所有地方都支持它/</p> <pre><code><textarea wrap="soft" cols="20"></textarea> </code></pre> <p>一旦超过显示宽度，将开始新行。 <br/> 您还可以通过 <pre><code>wrap="off"</code></pre></p> 禁用换行 <p>用于玩的代码 spinnet（看看 @Arnav Katyal 的答案）：<br/> <a href="https://stackoverflow.com/questions/1995370/adding-line-numbers-to-html-textarea">向 HTML 文本区域添加行号</a></p> </answer> </body></html>

是否可以用div替换textarea来读取FastAPI（或Flask）中的输入？

我刚刚发现使用 提供了一个自动扩展的文本区域用于输入，这似乎比文本区域更适合我的目的。 我刚刚发现使用 <div contentEditable="true"> 提供了一个自动扩展的输入文本区域，这似乎比 textarea 更适合我的目的。不幸的是，我无法使用 FastAPI 读取 div 文本。 这是我的测试代码： from dataclasses import dataclass import uvicorn from fastapi import Depends, FastAPI, Form from starlette.responses import HTMLResponse app = FastAPI() @app.get('/form', response_class=HTMLResponse) def form_get(): return """<form method="post"> <textarea id="input" name="ta" rows="2">very long textarea text</textarea> <div name="da" contentEditable="true"> even <br/> longer <br/> div <br/> area <br/> text <br/> </div> <input type="submit"/> </form>""" @dataclass class SimpleModel: ta: str = Form(None) da: str = Form(None) @app.post('/form') def form_post(form_data: SimpleModel = Depends()): print(f'form_data: {form_data}') return form_data if __name__ == '__main__': uvicorn.run(app) 知道如何阅读div文字吗？使用 Flask 的可选解决方案对我来说可能没问题。 您面临的问题是由于 HTML 中的元素没有 name 属性，并且不被视为表单控件，因此提交表单时其内容不会包含在表单数据中。 如果您想从元素提交内容，您可以在提交表单时使用 JavaScript 将元素的内容复制到隐藏字段中。以下是如何执行此操作的示例： from dataclasses import dataclass import uvicorn from fastapi import Depends, FastAPI, Form from starlette.responses import HTMLResponse app = FastAPI() @app.get("/form", response_class=HTMLResponse) def form_get(): return """ <form method="post" onsubmit="copyContent()"> <textarea id="input" name="ta" rows="2">very long textarea text</textarea> <div id="da" contentEditable="true"> even <br/> longer <br/> div <br/> area <br/> text <br/> </div> <input type="hidden" id="hiddenInput" name="da"> <input type="submit"/> </form> <script> function copyContent() { var divContent = document.getElementById("da").innerText; document.getElementById("hiddenInput").value = divContent; } </script> """ @dataclass class SimpleModel: ta: str = Form(None) da: str = Form(None) @app.post("/form") def form_post(form_data: SimpleModel = Depends()): ta = form_data.ta da = form_data.da print(":::::::::> ta") print(ta) print(":::::::::> da") print(da) return form_data if __name__ == "__main__": uvicorn.run("main:app", reload=True) 提交表单时调用 JavaScript 函数 copyContent()。此函数将 id="da" 中的文本内容复制到 id="hiddenInput" 的隐藏字段中。隐藏的输入字段也有 name="da"，所以当提交表单时，它的值将包含在表单数据中。

如何将textarea的内容获取到单独的JavaScript文件？

是否可以以某种方式将 textarea 元素的内容获取到单独的 JavaScript 文件，而不将 JavaScript 文件插入到 HTML 代码中？我无法将 JavaScript 文件插入...

Asp.net ajaxToolkit：HtmlEditorExtender富文本编辑器不会发送整个消息

我有一个asp.net项目，我想做的是使textarea成为富文本编辑器，为此我使用ajaxToolkit：HtmlEditorExtender。问题是，当我在文本中输入一些文本时...

使用 jQuery 选择器和 setSelectionRange 不是函数

我在下面组装了一个基本的小提琴。由于某种原因，我的选择器可以检索文本区域框来设置值，但选择器无法使用 setSelectionRange 函数。在

可滚动文本区域在文本剪切上跳跃

我有一个具有以下样式的文本区域： 文本区域{ 宽度：300px； 最小高度：105px； 最大高度：500px； 溢出-y：自动； 行高：20px； } 当我选择文本并向下滚动时...

如何使html编辑器禁用或只读

我的网页上有 html 编辑器，但我希望它不可编辑。怎么做？ <p>我的网页上有 html 编辑器，但我希望它不可编辑。怎么办？</p> <pre><code>&lt;text area name=&#34;content&#34; id=&#34;editor&#34;&gt;&lt;/text area&gt; &lt;script src=&#34;https://htmeditor.com/js/htmeditor.min.js&#34; htmeditor_textarea=&#34;editor&#34;&gt; </code></pre> <p>这是我尝试过的代码，我确实得到了完美的html编辑器，但我希望它只能在按钮上编辑，然后才能禁用或只读（不可编辑）。</p> </question> <answer tick="false" vote="0"> <p>如果您可以将 css 类更改为 html 元素，则此解决方案可能是您的选择：</p> <p>您可以将包装 div 添加到文本区域和脚本中：</p> <pre><code> &lt;div id=&#34;parent-container&#34; class=&#34;handle-no-events&#34;&gt; &lt;textarea name=&#34;content&#34; id=&#34;editor&#34;&gt;&lt;/textarea&gt; &lt;script src=&#34;https://htmeditor.com/js/htmeditor.min.js&#34; htmeditor_textarea=&#34;editor&#34;&gt;&lt;/script&gt; &lt;/div&gt; </code></pre> <p>应用示例类“handle-no-event”将阻止对父容器子元素进行任何编辑，您可以再次切换或应用它以启用/禁用编辑器上的输入。</p> <p>这里是handle-no-events类里面的内容</p> <pre><code> .handle-no-events { pointer-events: none; } </code></pre> </answer> </body></html>

如何使用按钮将 <input> 和 <textarea> 字段清除为 <type="text">？

过去三周我一直在为一个学校项目使用 HTML、CSS 和当前的 JavaScript 开发一个网站。在“联系我们”页面上，我有一个“表单”（未定义为

如何修复 Chrome 浏览器中单击 Alt 键时文本区域自动格式化的问题

我的 Chrome 浏览器有一些问题。 在文本区域编辑器中，我输入带有换行符和段落的数据。 当我单击左侧 Alt 键盘时，它会自动重新格式化段落。 我想禁用

使用 html textarea - Chome（Windows）有问题，但 Firefox 没有问题

我在 HTML 页面中有以下代码： <p>我在 HTML 页面中有此代码：</p> <pre><code> <textarea id="exwords" name="exwords" rows="11" cols="40" style="font-family:Courier;pre-wrap" oninput="this.value = this.value.toUpperCase()"></textarea> </code></pre> <p>如果我用文本填充文本区域 - 说 <pre><code>ABC DEF GHI JKL MNO</code></pre> 然后返回并尝试将 <pre><code>ABC</code></pre> 更改为 <pre><code>ABC123</code></pre> <pre><code>1</code></pre> 将在 <pre><code>C</code></pre> 之后输入，但 <pre><code>23</code></pre> 将在 <pre><code>MNO</code></pre> 之后输入.</p> <p>Windows 11 版本 117.0.5938.63 上的 Google Chrome 再次出现这种情况，我已更新到今天早上，但此问题没有任何变化。</p> <p>如果我在同一 Windows 系统上尝试使用最新的 Firefox，则会如预期那样在 <pre><code>123</code></pre> 之后输入 <pre><code>ABC</code></pre>。</p> <p>我不知道现在该去哪里 - 寻求建议。</p> </question> <answer tick="false" vote="0"> <p>当您尝试更改文本时，您似乎遇到了 Google Chrome 和 Firefox 如何处理文本区域的 <pre><code>oninput</code></pre> 事件的问题。在您的情况下，您希望在键入时将文本转换为大写，但您在 Chrome 中遇到了意外行为。</p> <p>为了确保不同浏览器之间的行为一致，您可以按如下方式修改代码：</p> <pre><code><textarea id="exwords" name="exwords" rows="11" cols="40" style="font-family: Courier; white-space: pre-wrap;" oninput="this.value = this.value.toUpperCase();"></textarea> </code></pre> <p>我对您的代码做了两处更改：</p> <ol> <li><p>我添加了<pre><code>white-space: pre-wrap</code></pre>；到内联样式。此 CSS 属性可确保在文本区域中保留空格（包括换行符），类似于 <pre><code>pre-wrap</code></pre> 属性中的 <pre><code>style</code></pre>。</p> </li> <li><p>我将 <pre><code>oninput</code></pre> 属性直接移至 textarea 元素，以保持事件处理程序在浏览器之间保持一致。</p> </li> </ol> <p>通过进行这些更改，在文本区域中输入和修改文本时，您应该在 Chrome 和 Firefox 中获得一致的体验。</p> </answer> </body></html>

在 Javascript 中删除或隐藏文本区域中的 html 标签

我使用 json 检索了文本区域的主体，但由于之前设置了一些样式，文本似乎带有 html 标签。 我怎样才能在新的文本上显示这些文本行......

Streamlit - 使用选定的文本作为按钮单击时的输入

Streamlit 有没有办法： 选择文本区域中的文本 单击按钮可将所选文本用作后端函数的输入 我看不出有什么办法可以做到这一点。谢谢。 研究并

为什么 JavaFX TextArea 中的 selectRange() 有时不突出显示所选内容？

我在我的JavaFX主类中编写了以下代码： 包jfxTest； 导入 java.util.Random; 导入javafx.application.Application； 导入javafx.scene.Scene； 导入javafx.scene.control。

为什么 'white-space:normal' 属性没有按 <textarea> 中的预期工作？

我知道使用white-space:normal可以将多个空格折叠成一个，但它似乎在Google浏览器中不起作用。 这是我的代码。 我知道使用空白：正常可以将多个空格折叠为一个，但它似乎在谷歌浏览器中不起作用。 这是我的代码。 <div> <label style="display: block;" for="textarea6">white-space: normal</label> <textarea id="textarea6" name="textarea6" rows="5" cols="33" style="white-space: normal;">j jj jjj </textarea> <p style="white-space: normal;">j jj jjj </p> </div> 像这样。 下面列出了所有 CSS 样式。 element.style { white-space: normal; } textarea { font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-weight: ; font-stretch: ; font-size: ; font-family: monospace; font-optical-sizing: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; text-rendering: auto; color: fieldtext; letter-spacing: normal; word-spacing: normal; line-height: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start; appearance: auto; -webkit-rtl-ordering: logical; resize: auto; cursor: text; white-space-collapse: preserve; text-wrap: wrap; overflow-wrap: break-word; background-color: field; column-count: initial !important; writing-mode: horizontal-tb !important; margin: 0em; border-width: 1px; border-style: solid; border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133)); border-image: initial; padding: 2px; } 怎样才能达到预期的“white-space：normal”效果？ 这个white-space-collapse: preserve;来自哪里？那就是保留空格字符。如果您删除它或可能用 white-space-collapse: collapse; 覆盖它，它应该可以工作。

使用VueJS自动调整Textarea大小的问题

我试图让文本区域在文本值更改时自动调整其高度： 我用的是手表...

如何在 html 文本区域中显示以下文本？

我有一个如下所示的字符串。请看一下： 我把它作为图像，这里也不显示。如果我将该字符串放在这里，它就会变成以下内容： 21154537878887GHE\u0044\u0...