textarea 相关问题

textarea是一个HTML元素(标记),用于创建多行纯文本编辑字段。

带有 Vuetify Textarea 的浮动标签在粘贴和模糊后不会在 Textarea 上方重置

我有一个 Textarea 模糊问题,在粘贴后单击出 Textarea 后无法重新定位浮动标签。 我将一些文本粘贴到 Textarea 中并以任何方式退出 Textarea (

回答 2 投票 0

Angular JS:当两个条件都为假时,按钮不会被禁用

我有一个相对微不足道的问题 特别是,如果用户没有上传文件和添加评论,我有一个按钮将保持禁用状态。 现在,我的工作流程是这样的 用户添加文件 用户

回答 0 投票 0

无法获取文本区域值

我正在尝试使用 Go 从 HTML 表单中获取文本区域值,但它始终返回空白/空值。 HTML 形式: <question vote="2"> <p>我正在尝试使用 Go 从 HTML 表单中获取 textarea 值,但它总是返回空白/空值。</p> <p>HTML格式:</p> <pre><code><form method="POST" action="/tickets/" name="ticketForm"> <textarea rows="3" cols="50" class="form-control" name="ticketDescription" id="ticketDescription" form="ticketForm" required> </textarea> </form> </code></pre> <p>Golang抓取表单数据的方法:</p> <pre><code>inputDescription := r.PostFormValue("ticketDescription") </code></pre> <p>例如,如果我选择“input="text"',它会给我值。它只是来自带有空白/空的文本区域。我使用“fmt.Println(inputDescription)”只是为了查看 Go 是否正在检索该值,它也是一个空白值。</p> </question> <answer tick="false" vote="2"> <p><pre><code>form</code></pre>的<pre><code><textarea></code></pre>属性必须是<strong><code>id</code><pre>的</pre></strong><code><form></code><pre></pre>属性,而不是<pre><code>name</code></pre>。此外,如果 <pre><code>form</code></pre> 在 <pre><code><textarea></code></pre> 内,则不需要 <pre><code><form></code></pre>。</p> <p>因为在你的例子中你的<pre><code><form></code></pre>没有<pre><code>id</code></pre>属性并且你为你的<pre><code>form</code></pre>提供了<pre><code><textarea></code></pre>,它的值不会在提交表单时发送。</p> <p>所以这样做:</p> <pre><code><form method="POST" action="/tickets/" name="ticketForm"> <textarea name="ticketDescription" id="ticketDescription" required> </textarea> </form> </code></pre> <p>或:</p> <pre><code><form method="POST" action="/tickets/" id="ticketForm"> </form> <textarea name="ticketDescription" id="ticketDescription" form="ticketForm" required> </textarea> </code></pre> <p>另外不要忘记,在您的处理程序中,您必须先调用<a href="https://golang.org/pkg/net/http/#Request.ParseForm" rel="nofollow noreferrer"><pre><code>Request.ParseForm()</code></pre></a>才能访问表单值(<a href="https://golang.org/pkg/net/http/#Request.Form" rel="nofollow noreferrer"><pre><code>Request.Form</code></pre></a>),或者使用<a href="https://golang.org/pkg/net/http/#Request.FormValue" rel="nofollow noreferrer"><pre><code>Request.FormValue()</code></pre></a>或<a href="https://golang.org/pkg/net/http/#Request.PostFormValue" rel="nofollow noreferrer"><pre><code>Request.PostFormValue()</code></pre></a>(调用<pre><code>Request.Parseform()</code> </pre> 如有必要)。</p> </answer> <answer tick="false" vote="0"> <p>对于那些 @icza 回答无效的人,您可能错过了 <pre><code>required</code></pre> 关键字。在我的例子中,只有这个关键字有所不同。</p> </answer> </body></html>

回答 0 投票 0

TextAreaField 使用 WT Forms

我正在使用 wt 表单从数据库中检索数据并将其显示在前端。但是 wt form 只显示前几列的数据,之后它不显示数据。 形式 类 TimesheetEntryFor...

回答 0 投票 0

html lang 属性在文本区域或其他用户可编辑元素上意味着什么?

我正在为我的一个项目开发一个支持多语言的 CMS,我有一个选项卡式界面,每种语言都有一个选项卡;这些选项卡用于输入单个公司的各种翻译...

回答 2 投票 0

将 textarea 中的 html 标签转换为富文本

我正在使用 PHP 来填充文本区域: <?php echo $Desc; ?> 但是文本区域在其中显示 HTML 标签,

回答 5 投票 0

文本区域字段在保存页面时不显示

我有一个带有textarea字段的jsp页面。我在字段中输入,更新表单后,当我再次打开它时,这些值消失了。我怎样才能得到以前输入的值...

回答 1 投票 0

返回键在<textarea>

我对在 asp.net 页面上定义的文本区域有疑问。 textarea 在后端填充了直接从 mssql 数据库读取的文本。 我对在 asp.net 页面上定义的文本区域有疑问。文本区域在后端填充,文本直接从 mssql 数据库读取。 <div id="emailForm" runat="server" style="display:inline;"> <textarea name="Body" id="Body" rows="20" cols="20"> text in here <textarea> </div> 以下 CSS 应用于 emailForm div: padding: 5px; width: 750px; font-family: Lucida Sans, Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; margin: 0px 0px 10px 0px; border: 2px solid #ccc; 和文本区域本身: height: 360px; 一些用户报告说,虽然他们可以在文本区域内编辑文本,但无法使用返回键。无法添加新行? 我在网上搜索过,但找不到发生这种情况的例子。如果有人有任何好主意,我很想听听。谢谢。 添加到 Christoffer 的答案中,如果您遇到同样的问题,可以通过替换以下代码来解决: $(window).keydown(function(event){ if(event.keyCode == 13) { event.preventDefault(); return false; } }); 这个: $(window).keydown(function(event){ if((event.which== 13) && ($(event.target)[0]!=$("textarea")[0])) { event.preventDefault(); return false; } }); 这将允许文本区域输入(新行),仍然阻止其余的回车键。 有同样的问题,但发现这是因为我在表单上有一个 .preventDefault() - 最初是为了防止输入提交表单。 this.$el.keypress(function(e){ if(e.which === 13){ e.preventDefault(); } } 13 是输入的按键代码 就我而言,问题是由于使用了 White-Space: normal。当我删除它时,问题就消失了。 我以前从未听说过这样的事情,但我猜这与display:inline;有关 当元素包含文本区域之类的内容时,这不应该是有效的。 我建议将其更改为display:inline-block;。 might 足以修复它。但无论哪种方式,它绝对是您正在做的事情的正确显示类型。 除了文本区域的结束标记外,您的代码是正确的: </textarea> $('#Body').keypress(function(e) { if (e.keyCode == 13) { e.preventDefault(); this.value = this.value.substring(0, this.selectionStart) + "" + "\n" + this.value.substring(this.selectionEnd, this.value.length); } }); 一些答案提到了 preventDefault 方法,但不要将搜索限制在该方法上,因为其他 JavaScript 也可能是罪魁祸首。 例如,您可能有一个类似于此的表单元素: <form onkeydown="return event.keyCode != 13"> 这将导致 all TextAreas 在表单上忽略 Enter 键。 这将我们带到另一点:通过在同一页面或另一页面上创建另一个准系统TextArea 来减少问题,以查看它是否表现出相同的问题。这样做通常有助于缩小原因范围。

回答 7 投票 0

试图在网站上选择 <textarea> 并提交? (使用 Python 机械化)

我正在尝试在 https://keywordsheeter.com/ (name="findersearchQueryInput") 上提交文本区域,然后我希望能够将提交的文本区域的结果打印到我的控制台。 我试...

回答 1 投票 0

设置值后如何在 HTML 文本区域中进行撤消?

我有一个 元素,我从中监听某些按键。就像用户键入 Tab 键一样,我会阻止更改焦点的默认操作,并在正确的位置添加制表符 </desc> <question vote="19"> <p>我有一个 <pre><code><textarea></code></pre> 元素,我从中监听某些按键。就像用户键入 <kbd>Tab</kbd> 键一样,我会阻止更改焦点的默认操作,并在正确的位置添加制表符。</p> <p>问题是当用户按下我要听的其中一个键时,撤消有点乱七八糟。如何使撤消/重做功能起作用?我考虑过监听 ctrl/cmd-z 和 ctrl/cmd-shift-z 按键,记录所有内容,并处理撤消/重做,但是编辑和上下文菜单选项不起作用......</p> <p>您可以通过使用制表符和回车键输入字母然后尝试撤消和重做来查看:</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>const textarea = document.querySelector('textarea') textarea.addEventListener('keydown', function (event) { if (event.key == "Tab") { event.preventDefault() const cursor = textarea.selectionStart textarea.value = textarea.value.slice(0, cursor) + '\t' + textarea.value.slice(textarea.selectionEnd) textarea.selectionStart = textarea.selectionEnd = cursor + 1 } else if (event.key == "Enter") { event.preventDefault() const cursor = textarea.selectionStart textarea.value = textarea.value.slice(0, cursor) + '\n' + textarea.value.slice(textarea.selectionEnd) textarea.selectionStart = textarea.selectionEnd = cursor + 1 } })</code></pre> <pre><code><textarea cols="50" rows="20"></textarea></code></pre> </div> </div> <p></p> </question> <answer tick="true" vote="15"> <p>我认为问题的核心在于 JavaScript 与浏览器默认的撤销方法之间缺乏交互。使用 JavaScript 将文本附加到文本区域不会以任何方式告诉浏览器的“撤消”删除附加的文本,因为浏览器的“撤消”仅用于删除用户输入的文本,而不是 JavaScript 输入的文本。</p> <p>以您的代码为例。按下 Enter 后,您告诉事件侦听器 <pre><code>preventDefault</code></pre>,这完全阻止了 Enter 键将用户输入附加到文本区域。然后,您使用 JavaScript 合成输入,浏览器的“撤消”不会跟踪它。</p> <p>您可以使用<a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand#Browser_compatibility" rel="nofollow noreferrer"><pre><code>document.execCommand()</code></pre></a>来克服这种缺乏互动的情况。您可以通过链接检查它的浏览器支持。</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code>const textarea = document.querySelector('textarea'); textarea.addEventListener('keydown', function (event) { const cursor = textarea.selectionStart; if (event.key === "Tab") { event.preventDefault(); // appends a tab and makes the browser's default undo/redo aware and automatically moves cursor document.execCommand("insertText", false, '\t'); } else if (event.key === "Enter") { event.preventDefault(); document.execCommand("insertText", false, '\n'); } });</code></pre> <pre><code><textarea cols="50" rows="8"></textarea></code></pre> </div> </div> <p></p> </answer> </body></html>

回答 0 投票 0

Joomla 后端的文本区域没有自动换行

我正在为 Joomla 编写一个模块! 2.5.在我的后端我有一个文本区域,其中值应该逐行写入。如果该值太大,则换行符看起来真的很混乱并且很......

回答 2 投票 0

在文本区域禁用换行

我正在尝试停止禁用文本区域。 我在 markdown 预览器中工作,我想应用它。我尝试了这种方法,但没有用: <p>我正在尝试停止禁用文本区域。 我在 markdown 预览器中工作,我想应用它。我尝试了这些方法,但没有用:</p> <pre><code><textarea name="nowrap" wrap="soft">Something</textarea> <!-- and css method:--> textarea { white-space: nowrap; } </code></pre> <p>谢谢!</p> </question> </body></html>

回答 0 投票 0

基本 HTML |为什么<textarea>“名称”与输入的文本一起打印出来?

基本 HTML - 为了使 mailto 工作,我必须给 一个“名称”,否则它会发送一条植物消息。 为什么文本区域“名称”会随着机智一起打印出来...</desc> <question vote="0"> <p>基本 HTML - 为了让 mailto 工作,我必须给<pre><code><textarea></code></pre>一个“名字”,否则它会发送一条植物消息。</p> <p>为什么文本区域“名称”会与输入的文本一起打印出来?</p> <p>我的表格代码:</p> <pre><code><form action="mailto:[email protected]" method="post" enctype="text/plain"> <label for="">Your Name:</label> <input type="text"><br> <label for="">Your Email:</label> <input type="email" name="" id=""><br> <label for="">Your message:</label><br> <textarea name="Message:" id="" cols="30" rows="10"></textarea><br> <input type="submit" name=""/> </form> </code></pre> <p>我在表格中输入的内容:</p> <blockquote> <p>你好世界!</p> </blockquote> <p>在mailto email中输出:</p> <blockquote> <p>消息:=你好世界!</p> </blockquote> <p>非常感谢您的任何回复。 威尔</p> </question> </body></html>

回答 0 投票 0

NEXT.js 中的文本区域编辑器

我有一个管理面板,用户可以通过它在网站上编辑促销活动。我在 NEXT.js (React) 上的项目。我想做一个独立的文本编辑器,里面会有段落,字体...

回答 1 投票 0

达到最大长度时在文本区域之间自动切换

我正在构建一个带有破折号的应用程序,当在先前的文本区域中达到最大长度时,需要自动从一个文本区域(或者输入,如果这样会更好)移动到另一个...

回答 0 投票 0

在文本区域查询字符串中添加新行不会将值传递到下一页错误

`Response.Redirect("adddefectdata.aspx?id=" + txtsource.Text + "&score=" + txtscore.Text + "&case=" + txtcassee.Text + "&hd0=" + (Convert.ToDouble(

回答 0 投票 0

(NODE.JS 和 HTML)在文本区域输入上创建 2 个结果

所以,我再次在我的机器人网站上工作,它回复并依赖于 textarea 输入,但是当我尝试用两个命令测试它时,我的代码停止为一个命令工作。我没有

回答 0 投票 0

(JS DOM) 在 div 中创建新元素

所以,我试图制作一个网络应用程序,它的行为类似于使用文本区域元素作为输入的机器人。在参考 W3Schools 提供的 JS DOM 文档时,我发现我的代码无法正常工作。我是...

回答 0 投票 0

Grammarly 如何知道红色下划线的位置?

我最近对 LanguageTool 和 Grammarly 等工具如何在屏幕上拼写错误的单词上显示红色下划线着迷。我想做类似的事情,但要显示丰富的弹出窗口...

回答 1 投票 0

如何知道 onBeforeInput 和 onInput 的事件是基于同一个事件?

我怎么知道onBeforeInput和onInput的事件是相关的? export const MyApp = () => { const onBeforeInput = (eventBefore) => { 控制台日志(事件发生前) } 合作...

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.