`
xfxlch
  • 浏览: 168143 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

textarea in Html

    博客分类:
  • HTML
阅读更多
html中的textarea标签是用来显示多行text的使用场景的。一般情况下,我们只要用input标签,然后指定一个type="text",就是作为一个正常的输入框,但是这种情况就只是支持单行的文字输入,并不支持换行的输入,甚至在html3的规范中直接。

有一个比较有意思的问题是,textarea的对于空格的严格控制,在一个textarea的显示框中,如果你有空格,那么他就是会直接体现的显示上。
例如:
<textarea name="auditTrails" id="auditTrails" rows="20" cols="175" readonly title="Audit Trail Details"><c:forEach var="auditTrail" items="${VolckerAuditForm.auditTrails}"><c:out value="${auditTrail}" />&#10;</c:forEach></textarea>


必须要求<textarea>与</textarea>之间是没有任何whitespace的,当然啦,如果不这么做也可以指定css来帮助去掉空格:style="white-space: normal",这样显示的效果中,也将不会有空格。


2. 第二种应用的场景是要在textarea中做换行的操作,如果直接用<br/>,浏览器是不能正确解析这个html标签的,他会把<br/>直接作为内容显示出来。
此处可以引用NCR码来解决这个问题。NCR=numeric character reference即数字字符引用。

https://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references
分享到:
评论

相关推荐

    Automatic Scrolling Textarea Using HTML JavaScript.zip

    本项目"Automatic Scrolling Textarea Using HTML JavaScript.zip"显然关注的是如何利用HTML和JavaScript实现一个自动滚动的文本区域,这在游戏开发、实时聊天、新闻滚动等场景中非常常见。我们将深入探讨这一技术。...

    TextArea用法

    `TextArea`是HTML中的一种表单控件,用于获取用户输入的多行文本。它的基本语法如下: ```html &lt;textarea name="textarea_name" id="textarea_id" cols="column_number" rows="row_number"&gt;&lt;/textarea&gt; ``` - **...

    javascirpt 在textarea中运行(自己学习)

    &lt;title&gt;JavaScript in Textarea &lt;textarea id="codeInput" rows="10" cols="50"&gt;&lt;/textarea&gt; ()"&gt;Run Code function runCode() { const code = document.getElementById('codeInput').value; try { eval...

    纯HTML外贸公司通用企业html网站模板源码

    HTML表单元素如`&lt;form&gt;`、`&lt;input&gt;`、`&lt;textarea&gt;`和`&lt;button&gt;`将被用于创建交互功能。 7. JavaScript与交互性:虽然纯HTML模板不含后端代码,但可能包含一些JavaScript代码,用于添加页面的动态效果和交互性,如...

    JQuery操作textarea,input,select,checkbox方法

    今天学习怎样用JQuery编写一些小的代码,小小的试了一下编写一个textarea,代码如下: &lt;!DOCTYPE HTML&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;...

    php表单转换textarea换行符的方法

    下面是我对这个问题的解决过程,最后算是完全搞...nl2br – Inserts HTML line breaks before all newlines in a string Returns string with ‘ ’ inserted before all newlines 意思是说在 新的一行前插入 w

    Owl 学习笔记之六--表单输入绑定 我们经常需要能够从 html input(或 textarea, or select)中

    在Owl框架中,表单输入绑定是一个非常关键的功能,它允许我们轻松地从HTML的input、textarea或select元素中获取和同步数据到组件的状态。本文档将深入探讨Owl的t-model指令及其用法。 首先,让我们回顾一下手动处理...

    HTML In 10 Simple Steps Or Less (2004)

    ### HTML in 10 Simple Steps or Less (2004) **HTML in 10 Simple Steps or Less** 是一本由 Robert G. Fuller 和 Laurie Ann Ulrich 共同编写的书籍,该书旨在通过十个简单的步骤教会读者如何使用 HTML(超文本...

    LimitCounter:一个非常简单的轻量级 jQuery 工具提示插件,用于限制 textarea 输入并对其进行计数

    限制计数器 一个非常简单的轻量级 jQuery 工具提示插件,用于限制 textarea ...input type="text" name="test2" id="test2" placeholder="Type something in this text input!" /&gt; &lt;textarea name="test" id="tes

    jquery实现文本框textarea自适应高度

    在HTML中,`textarea`元素通常有一个固定的行数和列数,当输入的内容超过这个范围时,会出现垂直滚动条。这种行为在某些情况下可能不够理想,特别是在需要用户输入大量文本的场景下。 在给出的代码中,`jQuery`插件...

    使用jquery给input和textarea设定ie中的focus

    首先,我们需要在页面中引入jQuery库,通常通过在HTML头部添加一个`&lt;script&gt;`标签来完成。然后,我们可以在文档加载完成后(即`$(document).ready`事件触发时)执行一段JavaScript代码。 这段代码如下: ```...

    JQuery统计input和textarea文字输入数量(代码分享)

    HTML部分: &lt;input type=text value=我是输入的文字 maxlength=10 id=detail1/&gt; &lt;p&gt;&lt;span id=detail1_num&gt;0&lt;/span&gt;/&lt;span&gt;10&lt;/span&gt;&lt;/p&gt; &lt;textarea placeholder=最多输入100字 rows=3 maxlength=100 class...

    comment-box-in-html-form:HTML格式的注释框,HTML中的注释框的源代码,HTML代码中的注释框,网站的注释框html代码,如何在HTML中创建注释框-html website source code

    例如,`comment-box-in-html-form-master`可能是一个包含完整功能的注释框实现,包括前端界面和后端处理逻辑。这样的开源项目通常会提供详细的文档,帮助开发者理解和定制代码,以适应不同的应用场景。 在实际开发...

    HTML Handbook 与 CSS中文手册

    8. **表单控件**:`&lt;form&gt;`、`&lt;input&gt;`、`&lt;select&gt;`、`&lt;textarea&gt;`等用于创建交互式表单。 9. **框架与锚点**:`&lt;frameset&gt;`、`&lt;frame&gt;`、`&lt;iframe&gt;`和`&lt;a&gt;`的`#name`属性。 10. **HTML实体和字符编码**:了解特殊...

    ie6 7 8兼容html5属性placeholder

    HTML5的`placeholder`属性是现代网页开发中的一个重要特性,它允许在输入框(`&lt;input&gt;`)或文本区域(`&lt;textarea&gt;`)内提供一个提示文本,该文本会在用户聚焦元素时消失。这个功能在IE6、7、8等较老版本的Internet ...

    仿HTML5 placeholder 效果.rar

    HTML5的`placeholder`属性是Web开发中一个非常实用的功能,它允许我们在输入框`&lt;input&gt;`或文本区域`&lt;textarea&gt;`中设置提示文本,这些文本会在用户未输入任何内容时显示,一但用户开始输入,提示文本就会自动消失。...

    一个公司官网HTML模板

    8. **表单元素**:如果模板包含用户交互,可能会有表单元素如`&lt;form&gt;`、`&lt;input&gt;`、`&lt;textarea&gt;`、`&lt;button&gt;`等,用于数据收集和提交。 9. **JavaScript交互**:虽然不是HTML本身的一部分,但JavaScript经常与HTML...

Global site tag (gtag.js) - Google Analytics