【问题标题】:Fixing non-breaking text in jspx page修复 jspx 页面中的非中断文本
【发布时间】:2013-07-31 23:21:48
【问题描述】:

我有一个带有一个特定 .jspx 页面的 web 应用程序,在该页面中我遇到了表格中的空文本框的问题。在这段代码的 sn-p 中(由于页面很长,在此编辑大小):

<table cellpadding="2">
<tbody>
<tr>
<td style="color: #ff6699;">
Please add descriptive keywords
<br>
and any comments *
</td>
<!-- the line below is the problem-->
<td>
<input id="{c08485a6-60c0-554e-90a1-96d3cf7c6ff7}" style="width:150px; height: 50px; font-size: 11px; border: 1px solid;" name="Asset Description">
</td>
</tr>
<tr>
<td colspan="2">
<input style="visibility: hidden; height: 5px;">
</td>
</tr>
<tr>
<td style="border-top: 1px dotted #ff6699; padding-top: 10px;" colspan="2">
<span style="font-family: arial; font-size: 14px; font-weight: bold; color: #ff6699;">Tell us about yourself.</span>
</td>
</tr>
<tr>
<tr>
</tr>
<tr>
</tbody>
</table>

...如果我在描述字段中键入,文本不会自动换行,而是在您键入时将文本无限向右滚动到一行:

(因为我无法发布图片...想象一下我的文字会这样在框中无休止地输入到右侧的一行而不换行)

我尝试将 'input id=...' 更改为 'textarea id=...',当我在 html 中测试时,文本框的功能完全符合我的要求:

(再次,因为没有图像......
想象这就是我的文字
应该包含在我的
文本框。)

但是,如果我使用新代码加载 .jspx 页面并在我的应用程序中进行测试,当我单击此特定功能时,它会炸毁我的整个 Web 应用程序,并且我会以“结束”返回登录页面会话的消息。

倾注于此(和其他板)我读到“textarea...”在 .jspx 页面中使用时需要特殊处理,但我没有找到我需要的正确语法。我尝试使用结束标记 (/textarea>),但页面/功能仍然损坏。

有什么想法可以让我得到一个漂亮、干净、环绕的文本框吗?非常感谢大家!!

【问题讨论】:

    标签: html web-applications textarea jspx


    【解决方案1】:

    这是不可能的,您必须使用 &lt;textarea&gt;&lt;/textarea&gt; 来允许多行。

    【讨论】:

    • 我试过这个:&lt;td&gt; &lt;textarea id="{c08485a6-60c0-554e-90a1-96d3cf7c6ff7}" style="width:150px; height: 50px; font-size: 11px; border: 1px solid;" name="Asset Description"&gt;&lt;/textarea&gt; &lt;/td&gt; 和这个:&lt;td&gt; &lt;textarea id="{c08485a6-60c0-554e-90a1-96d3cf7c6ff7}" style="width:150px; height: 50px; font-size: 11px; border: 1px solid;" name="Asset Description"&gt;&lt;jsp:text /&gt;&lt;/textarea&gt; &lt;/td&gt; 但它仍然出错。
    【解决方案2】:

    找到了!我需要在“”结束标记之前至少有一个字符,否则我的其余代码将呈现为文本。我插入了 &160;作为结束标签前的不间断空格:
    <td valign="top"> <textarea id="{c08485a6-60c0-554e-90a1-96d3cf7c6ff7}" style="width:150px; height: 50px; font-size: 11px; border: 1px solid;" name="Asset Description">&160;</textarea> </td>

    【讨论】:

      猜你喜欢
      • 2020-01-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-11-17
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多