textarea是一个HTML元素（标记），用于创建多行纯文本编辑字段。
我有一个 HTML 字符串，其中包含一个包含多行内容的文本区域，如下所示： *这是1号线 *这是2号线 *这是线...</desc> <question vote="0"> <p>我有一个 HTML 字符串，其中包含一个具有多行内容的文本区域，如下所示：</p> <pre><code><textarea id="textbox" name="textbox">*This is line 1 *This is line 2 *This is line 3 </textarea> </code></pre> <p>我正在尝试使用 Jsoup 解析 html 字符串，并返回此文本区域的内容并保留换行符。</p> <p>根据 <a href="https://www.baeldung.com/jsoup-line-breaks#:%7E:text=Jsoup%20removes%20the%20newline%20character,Jsoup%20and%20disable%20pretty%2Dprint" rel="nofollow noreferrer">https://www.baeldung.com/jsoup-line-breaks#:~:text=Jsoup%20removes%20the%20newline%20character,Jsoup%20and%20disable%20pretty%2Dprint</a>，我正在禁用 Pretty打印以确保换行符不会被空格替换。</p> <p>但是，当我尝试运行下面的方法时：</p> <pre><code>private void printTextbox(String htmlStr){ final Document doc = Jsoup.parse(htmlStr, "UTF-8"); doc.outputSettings().prettyPrint(false); System.out.println(doc.select("#textbox").val()); } </code></pre> <p>我仍然收到返回的单行字符串：</p> <p><pre><code>*This is line 1*This is line 2*This is line 3</code></pre></p> <p>如何保留换行符？</p> </question> <answer tick="false" vote="0"> <p>这实际上是由我的 HTTP 请求库的实现引起的，该库在处理包含 HTML 字符串的响应正文时没有保留换行符。</p> <p>切换后</p> <pre><code>public String processResponseBody(HttpURLConnection con) throws IOException { BufferedReader in = new BufferedReader(new InputStreamReader(con.getInputStream())); String inputLine; StringBuffer content = new StringBuffer(); while ((inputLine = in.readLine()) != null) { content.append(inputLine); } in.close(); return ontent.toString(); } </code></pre> <p>到</p> <pre><code>public String processResponseBody(HttpURLConnection con) throws IOException { BufferedReader in = new BufferedReader(new InputStreamReader(con.getInputStream())); String inputLine; StringBuffer content = new StringBuffer(); while ((inputLine = in.readLine()) != null) { content.append(inputLine).append("\n"); } in.close(); return ontent.toString(); } </code></pre> <p>换行符保留在 Jsoup 处理的 HTML 字符串中。也不需要修改输出设置，因此可以从早期代码中删除<pre><code>doc.outputSettings().prettyPrint(false);</code></pre></p> </answer> </body></html>
我想将此库添加到我的本地项目中，我不想安装npm。 我可以手动将库添加到我的项目中吗？如果是的话怎么办？ 我对 javascript 的经验很少，我只是想...
我正在尝试让 JavaScript 从文本区域中随机选择一行。抱歉，这里是大菜鸟。 目前我的代码看起来像这样，我很确定其中存在愚蠢的错误。我只是有点卡住了。 ...
I 创建一个示例 HTML 注册表单， 这里我使用 textarea 作为地址，这是必需的，但这分别不起作用。 姓名： 我创建一个示例 HTML 注册表单， 这里我使用了textarea作为地址，这是必需的，但这分别不起作用。 <form> <label>Name:</label> <input type="text" placeholder="Name" id="name" required/><br> <label>Email:</label> <input type="text" placeholder="Email" id="email" required/><br> <label>Phone:</label> <input type="number" placeholder="Phone" id="phone" required/><br> <label>Gender:</label> <input type="radio" value="male" name="gender" id="gender" required/>Male <input type="radio" name="gender" value="Female" id="gender" required/>Female <br> <label>Select City:</label> <select id="city" required> <option>Ahmedabad</option> <option>Surat</option> <option>Rajkot</option> <option>Jamnagar</option> </select><br> <label>Address:</label> <textarea required placeholder="address" id="address"></textarea><br> <button type="submit" onclick="getData()">Submit</button> 我想要，没有地址，表格将不会提交。 首先，HTML“required”属性并不能保证提交的表单将包含地址。有人很容易绕过 HTML 和 JavaScript 检查来避免输入地址。应使用您选择的后端编程语言检查任何必填字段。 此外，单个文本区域不提供严格或标准化的方法来从用户获取地址数据，除非有某种类型的自动填充。数据的一致性很重要，否则您可能会收到各种格式： 单元 1/1 示例街道 1/1 示例 St U 1/1 示例街道 文本区域通常供用户在多行上提供大量文本。
我正在我的网络应用程序中制作一个文件编辑界面，我有一个包含文件内容的文本区域。 当textarea聚焦时，我想输出光标的位置，即行号和列：这就是我们...
我将文本区域的宽度设置为100%，但现在我需要知道一行可以容纳多少个字符。 我正在尝试编写一个 javascript 函数来自动增大/缩小文本区域。我正在努力保持...
创建带有水平滚动条的文本区域时，如何启用右侧的填充？ 事实上，CSS 填充适用于右上角，但不适用于右侧： 文本区域{ 什...
使用固定标题时，必需的文本区域字段未正确滚动到。 CSS 属性滚动边距/填充不起作用
我的网站上有一个固定标题和一个表单。有一些输入字段和一些文本区域字段是必需的。当提交表单而未填写这些字段时，我希望用户...
使用 JavaScript 或 jQuery 获取文本区域文本
我有一个包含文本区域的 iframe，如下所示： </textar...</desc> <question vote="58"> <p>我有一个包含文本区域的 iframe，如下所示：</p> <pre><code><html> <body> <form id="form1"> <div> <textarea id="area1" rows="15"></textarea> </div> </form> </body> </html> </code></pre> <p>我想获取父页面中的textarea文本。我试过这个：</p> <pre><code>var text = $('#frame1').contents().find('#area1').val(); </code></pre> <p>但是返回的是空字符串。但是，如果我在 <textarea> 标签内放置一个值，则该值将成功返回：</p> <pre><code><textarea id="area1" rows="15">something</textarea> </code></pre> <p>如何从包含 iframe 的页面获取 textarea 的值？</p> </question> <answer tick="false" vote="92"> <h3><em>阅读</em><pre><code><textarea></code></pre>的内容：</h3> <pre><code>var text1 = document.getElementById('myTextArea').value; // plain JavaScript var text2 = $("#myTextArea").val(); // jQuery </code></pre> <h3><em>写</em>到<pre><code><textarea></code></pre>：</h3> <pre><code>document.getElementById('myTextArea').value = 'new value'; // plain JavaScript $("#myTextArea").val('new value'); // jQuery </code></pre> <p><a href="http://jsfiddle.net/acdcjunior/FZABp/17/" rel="noreferrer">请参阅此处的 <em>演示</em> JSFiddle。</a></p> <h3>不要<em>使用</em><code>.html()</code><pre>或</pre><code>.innerHTML</code><pre>！</pre> 不应使用 </h3>jQuery 的 <p><code>.html()</code><pre> 和 JavaScript 的 </pre><code>.innerHTML</code><pre>，因为它们</pre>不会<em>拾取对文本区域文本的更改。</em> </p>当用户在文本区域中键入时，<p><code>.html()</code><pre>不会返回键入的值，而是返回原始值 - 请查看上面的演示小提琴示例。</pre> </p> </answer> <answer tick="false" vote="20">要从带有 id 的文本区域获取值，您只需要做<p> </p><code>$("#area1").val(); </code><pre> </pre>如果文档中有多个具有相同 id 的元素，则 HTML 无效。<p> </p> </answer> <answer tick="false" vote="8">使用 JavaScript 获取文本区域文本：<p> </p><code><!DOCTYPE html> <body> <form id="form1"> <div> <textarea id="area1" rows="5">Yes</textarea> <input type="button" value="get txt" onclick="go()" /> <br /> <p id="as">Now what</p> </div> </form> </body> function go() { var c1 = document.getElementById('area1').value; var d1 = document.getElementById('as'); d1.innerHTML = c1; } </code><pre> </pre><p>http://jsfiddle.net/PUpeJ/3/<a href="http://jsfiddle.net/PUpeJ/3/"></a> </p> </answer> <answer tick="false" vote="7">您可以使用<p><code>val()</code><pre>。</pre> </p><code>var value = $('#area1').val(); $('#VAL_DISPLAY').html(value); </code><pre> </pre> </answer> <answer tick="false" vote="2">试试这个：<p> </p><code>var info = document.getElementById("area1").value; // JavaScript var info = $("#area1").val(); // jQuery </code><pre> </pre> </answer> <answer tick="false" vote="1">尝试使用 <p>.html()<em> 而不是 </em>.val()<em>:</em> </p><code>var text = $('#frame1').contents().find('#area1').html(); </code><pre> </pre> </answer> <answer tick="false" vote="1">正如<p>Darin Dimitrov所说<a href="https://stackoverflow.com/questions/5831413/get-textarea-text-with-javascript-or-jquery#comment6694737_5831413">，如果不是同一域上的iframe，则不可能。如果是，请检查 </a><code>$("#frame1").contents()</code><pre> 是否返回应有的全部内容，然后检查是否找到文本框：</pre> </p><p><code>$("#frame1").contents().find("#area1").length</code><pre> 应为 1。</pre> </p>如果当您的文本区域为“空”时，返回一个空字符串，并且当输入一些文本时返回该文本，那么它工作完美！当文本区域为<p>empty<strong>时，返回一个</strong>empty<strong>字符串！</strong> </p>这里有一种方法。它不是很漂亮，但很有效：<p> </p>在 iframe 之外，您将像这样访问文本区域：<p> </p><code>window.textAreaInIframe </code><pre> </pre>在准备好的文档中的 iframe（我假设有 jQuery）内，添加以下代码：<p> </p><code>$("#area1").change(function() { window.parent.textAreaInIframe = $(this).val(); }).trigger("change"); </code><pre> </pre> </answer> <answer tick="false" vote="0">tccyp 修改：以下是一些改进电子邮件写作的方法：<p> </p><p>1。 更清晰的主题行：<strong></strong> </p> <ul>不要使用通用的“嗨”，而是使用反映问题的特定主题行，例如“广告单元问题 - 续”或“需要帮助 - 广告投放问题”。<li> </li> </ul><p>2。 简要介绍：<strong></strong> </p> <ul>“您好，感谢您的电子邮件。我已经检查了您建议的所有内容，但仍然遇到问题。” <li> <ul>这可以缩短为：“嗨，我已检查了您的所有建议，但我仍然遇到广告单元问题。”<li> </li> </ul> </li> </ul><p>3. 具体细节：<strong></strong> </p> <ul><li>不要简单地说明“我的广告单元已启用并且它们定位的是正确的受众群体”，而是提供有关您的广告单元和定位的具体详细信息。例如：<p> </p> <ul>“我的广告单元已启用，并针对‘18-35 岁、男性、对技术感兴趣’的受众群体。我已在设置中验证了这一点。”<li> </li> </ul> </li><li>同样，请提供有关库存水平和广告投放设置的更多详细信息。<p> </p> </li> </ul><p>4。 明确的行动请求：<strong></strong> </p> <ul>而不是“您能进一步调查一下吗？”更直接、更具体： <li> <ul>“您能否进一步调查并提出任何其他可能的解决方案？我愿意接受任何建议。”<li> </li> </ul> </li> </ul><p>5。 结语：<strong></strong> </p> <ul>“谢谢”很好，但你也可以添加更多上下文： <li> <ul>“谢谢，我很感谢你的帮助。”<li> </li> </ul> </li> </ul><p>修改后的电子邮件：<strong></strong> </p>主题：广告单元问题 - 续<p> </p>您好，我已检查了您的所有建议，但我仍然遇到广告单元问题。<p> </p> <ul>我的广告单元已启用，并针对“18-35 岁、男性、对技术感兴趣”的受众群体。我已经在设置中验证了这一点。<li> </li>我的库存水平良好，能够为目标人群提供稳定的广告供应。<li> </li>我的广告投放设置设置为自动优化效果。<li> </li> </ul>您能否进一步调查并提出其他可能的解决方案？我愿意接受任何建议。<p> </p>谢谢，非常感谢您的帮助。<p> </p> </answer></body>
我编写了这段代码来使用唯一的按钮复制多个文本区域的内容，但仅复制第一个文本区域。 var copyText = document.getElementsByClassName("form-control")[0]; 功能
高度：文本区域的 100% 会导致 Chrome 中出现垂直滚动条
操作系统：Windows XP 浏览器：Chrome 31 问题：当我查看以下内容时，我看到一个额外的垂直滚动条： 操作系统：Windows XP 浏览器：Chrome 31 问题：当我查看以下内容时，我看到一个额外的垂直滚动条： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Textarea</title> <style> * { width: 100%; height: 100%; margin: 0; border: 0; padding: 0; } </style> </head> <body> <form> <textarea></textarea> </form> </body> </html> 网址：https://googledrive.com/host/0B5jOXzxlxbMhYVF3b0lubjlDWm8/textarea.html 如果我使用 HTML 4.01 Transitional doctype: 就不会发生这种情况 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 原因及解决办法是什么？ 谢谢！ 您可以使用 display: block; 为您的 textarea 修复它，或者您也可以使用 vertical-align: top;.. 越野车演示 修复演示 垂直对齐 原因：Chrome 使用 display: inline-block; 作为导致该问题的 textarea 元素 您可以做多种事情： 1： 将 overflow: hidden 添加到您的 *。 * { width: 100%; height: 100%; margin: 0; border: 0; padding: 0; overflow: hidden; } 小提琴 2: 使用 display: block 代替 textarea 就像外星人先生所说的那样。 textarea { display: block; } 我推荐此方法，因为它专注于 textarea 元素，而不是文档中的所有 (*) 元素。 小提琴 添加这些 CSS 规则： width: 100%; height: 100%; padding: 0px; margin: 0px; box-sizing: border-box; body 和 html 也应该有宽度、高度、填充和边距规则。
文本区域的填充始终是固定的。当文本区域的文本内容滚动时，填充保持在边缘附近。 contenteditable 元素的填充行为有所不同。当...
我想找出并跟踪文本区域中光标的“行号”（行）。 （“更大的图景”是在每次创建/修改/选择新行时解析该行上的文本...
为什么当我选择文本字段时，它没有显示正确的值？ （统一自定义检查器）
我的自定义统一编辑器遇到问题。 我在编辑器脚本中创建了一个文本区域，但是当我尝试通过代码更改值并选择它时，它表现得很奇怪。 文本编辑器。
我有一个网络表单，我的客户希望用户能够打印出来。使用 CSS 进行一些样式设置就可以很好地工作，但是，我有几个 textaear 字段。如果用户键入的内容超过
学院入学日期：09.07.2012 离开研究所日期：2016年4月 他就读的班级 离开时间：已完成- B.Tech in Inform...
我正在尝试创建一个表格，其中每行的注释都有相应的文本区域。此外，我有一个切换开关，启用后会隐藏除第一个文本区域之外的所有文本区域，并使第一个文本区域成为...
获取（新创建的）Textarea 的值并将其插入 Google Sheets
我有很多文本区域，并且可以创建新的文本区域。我使用 insertValue 按钮将文本区域的值插入到电子表格中。我的代码如下： HTML： 我有许多文本区域，并且可以创建新的文本区域。我使用 insertValue 按钮将文本区域的值插入到电子表格中。我的代码如下： HTML： <!DOCTYPE html> <html> <body> <div class="container"> <input type="text" id="qnumberDS" placeholder="Enter question"> <textarea id="contentDS" placeholder="Enter question content"></textarea> <div class="options"> <div class="option"> <input type="checkbox" id="ch1" class="checkbox"> <textarea id="a" class="option-textarea" placeholder="Enter option A"></textarea> </div> <div class="option"> <input type="checkbox" id="ch2" class="checkbox"> <textarea id="b" class="option-textarea" placeholder="Enter option "></textarea> </div> <div class="option"> <input type="checkbox" id="ch3" class="checkbox"> <textarea id="c" class="option-textarea" placeholder="Enter option C"></textarea> </div> <div class="option"> <input type="checkbox" id="ch4" class="checkbox"> <textarea id="d" class="option-textarea" placeholder="Enter option D"></textarea> </div> </div> <button id="insertRow">Add options</button> <button id="insertValue">Send data</button> </div> <script> const qnumberDSInput = document.getElementById('qnumberDS'); const contentDSInput = document.getElementById('contentDS'); const optionsContainer = document.querySelector('.options'); const insertRowButton = document.getElementById('insertRow'); const insertValueButton = document.getElementById('insertValue'); function insertRow() { const newOption = document.createElement('div'); newOption.classList.add('option'); const newCheckbox = document.createElement('input'); newCheckbox.type = 'checkbox'; newCheckbox.id = `ch${optionsContainer.children.length + 1}`; newCheckbox.classList.add('checkbox'); newOption.appendChild(newCheckbox); const newTextarea = document.createElement('textarea'); newTextarea.id = String.fromCharCode(97 + optionsContainer.children.length); newTextarea.classList.add('option-textarea'); newTextarea.placeholder = `Nhập phương án ${String.fromCharCode(97 + optionsContainer.children.length)}`; newOption.appendChild(newTextarea); optionsContainer.appendChild(newOption); } function insertValue() { const title = qnumberDSInput.value; const content = contentDSInput.value; const data = []; optionsContainer.querySelectorAll('.option').forEach((option, index) => { const checkbox = option.querySelector('.checkbox'); const textarea = option.querySelector('.option-textarea'); const optionValue = textarea.value; const isChecked = checkbox.checked; const optionData = { value: optionValue, isCorrect: isChecked ? 'Đ' : 'S' }; if (!data[data.length - 1].options) { data[data.length - 1].options = []; } data[data.length - 1].options.push(optionData); }); google.script.run.enterNameDS(data); } insertRowButton.addEventListener('click', insertRow); insertValueButton.addEventListener('click', insertValue); </script> </body> </html> js: function enterNameDS(data) { var ss = SpreadsheetApp.getActiveSpreadsheet(); var shTitle = ss.getSheetByName('title'); var sh = ss.getSheetByName('tests'); var numPart1 = Number(shTitle.getRange('E8').getValue()); data.forEach(question => { const formulas = [question.title, `="${question.content}"`]; question.options.forEach(option => { formulas.push(`=if(column()=${option.position + 3};"${option.value}";"")`); }); sh.getRange(numPart1 + 1, 1, 1, formulas.length).setFormulas([formulas]); numPart1++; }); shTitle.getRange('E8').setValue(numPart1); } 不知道错误是在HTML中还是在js中。我不知道如何查找 HTML 中嵌入的脚本代码中的错误。 我真的需要你的帮助来查找这段代码中的错误。谢谢你。 问题在于 insertValue() 中，您需要将选项推入数据数组，而不是推入 data[].options。 即： data.push(optionData); 如果您不知道如何调试 html 文件中的 javascript，那么我建议您将其移至它自己的 .js 文件中，您知道如何调试它。只需记住在 html 区域中包含一个脚本命令即可执行。 <script defer src="/javascript_libraries/myJavascript.js"></script> 这是工作的 insertValue() 函数： function insertValue() { const title = qnumberDSInput.value; const content = contentDSInput.value; const data = []; optionsContainer.querySelectorAll('.option').forEach((option, index) => { const checkbox = option.querySelector('.checkbox'); const textarea = option.querySelector('.option-textarea'); const optionValue = textarea.value; const isChecked = checkbox.checked; const optionData = { value: optionValue, isCorrect: isChecked ? 'Đ' : 'S' }; // NOTE: This is push replaces the other two data.push(optionData); }); google.script.run.enterNameDS(data); }
var textarea = document.getElementById("id"); var text = textarea.innerHTML; 我的问题是“文本”始终保持文本区域开始时的值。不是类型...