精华内容
参与话题
问答
  • textarea

    千次阅读 2019-03-14 15:04:24
    今天发现一个textarea 的小问提, 当我设置 <textarea id="textarea" rows="4" placeholder="多行文本框"> </textarea> textarea里面的placeholder...

    今天发现一个textarea 的小问提,

    当我设置

    <textarea id="textarea" rows="4" placeholder="多行文本框">
    </textarea>

    textarea里面的 placeholder并不显示,而且点击的时候总是会调到 中间位置,

    而且需要先删除一些空格才会显示 placeholder。

    仔细研究了一下,才发现 <textarea></textarea>之间是可以写数据的,而且中间字段的数据会和value结合起来

    <div class="mui-input-row sdiv">
    				<p>1、新增会员短信	<button type="button" id="gettext" class="mui-btn mui-btn-blue">获取</button></p>
    				<textarea id="nowmember" rows="4" placeholder="多行文本框">开始
    				结束</textarea>
    			</div>

    点击获取value 的时候 直接会添加空格 和输入的字符。

    所以如果之后再用到textarea 不过没有必要,就不要在textarea中间留空格了

    <div class="mui-input-row sdiv">
    	<p>1、新增会员短信</p>
    	<textarea id="" rows="4" placeholder="多行文本框"></textarea>
    </div>

    这样 第一次点击的时候  就和input一样了

    如果感兴趣,也可以关注我的微信公众号,因为刚起步,所以只有几篇文章,之后会慢慢更新。

     

    展开全文
  • Textarea

    2012-12-06 14:13:33
    一、隐藏textarea的滚动条  要设置textarea文本域的滚动条是否开启,使用style.overflow-x属性来控制。如:如果要隐藏该文本域的横向滚动条,在style属性中增加overflow-x属性控制,如下: 相应的,若要隐藏纵向...

    一、隐藏textarea的滚动条

          要设置textarea文本域的滚动条是否开启,使用style.overflow-x属性来控制。如:如果要隐藏该文本域的横向滚动条,在style属性中增加overflow-x属性控制,如下:
    <textarea id=txtComments style="overflow-x:hidden"></textarea>
    相应的,若要隐藏纵向滚动条:
    <textarea id=txtComments style="overflow-y:hidden"></textarea>
    如果使用代码控制的话,可能需要如下代码实现:
    document.all("txtComments").style.overflowX="hidden";

    overflow-x,overflow-y的可取值为:visible(默认取值),hidden,auto,scroll。
    visible:始终不显示滚动条,文本区域的大小会根据内容的增加,自动增长,以显示全部内容。
    scroll:不管文本区域里的内容有多少,始终显示滚动条。
    hidden:始终不显示滚动条,内容超出层面的对象是不显示。
    auto:如果内容在文本区域内可以全部显示,滚动条不显示,当内容无法全部显示时,内容被截断,加上滚动条显示所有内容。

    二、边框隐藏及添加下划线

    <textarea   name="textarea"   cols="100"   rows="4"   style="BORDER-BOTTOM:   0px   solid;   BORDER-LEFT:   0px   solid;   BORDER-RIGHT:   0px   solid;   BORDER-TOP:   0px   solid;text-decoration:underline;overflow-x:hidden;overflow-y:hidden">

    三、限制长度

         <SCRIPT language="javascript">
    function TxtMaxlength(Objs,MaxCount){
    if(MaxCount==null || typeof(Number(MaxCount))!=="number") MaxCount=50;
    var ObjCou=Objs.value.length;
    form1.YesCou.value=ObjCou;
    form1.ModCou.value=MaxCount-ObjCou;
    if (ObjCou > MaxCount){
    Objs.value=Objs.value.substr(0, MaxCount);
    }
    }
    </SCRIPT>

    <FORM method="POST" name="form1">
    剩余可写字符:<input name=ModCou size=4 value=100><BR>
    已经写入字符:<input name=YesCou size=4 value=0><BR>
    <TEXTAREA name="TRecontent" rows="5" cols="50" onPropertyChange="TxtMaxlength(this,100)"></TEXTAREA>
    </FORM>

    欢迎访问我的技术群578692121

    展开全文
  • textarea 嵌套 textarea

    2012-11-16 09:58:53
    W3C 对 textarea 标签的定义:([url=http://www.w3school.com.cn/tags/tag_textarea.asp]参阅[/url]) 标签定义多行的文本输入控件, 文本区中可容纳无限数量的...[color=red]当 textarea 嵌套 textarea ...
    W3C 对 textarea 标签的定义:([url=http://www.w3school.com.cn/tags/tag_textarea.asp]参阅[/url])

    <textarea> 标签定义多行的文本输入控件,

    文本区中可容纳无限数量的文本。


    所以,一般情况下,textarea 里面是不再嵌套其他标签的。


    [color=red]当 textarea 嵌套 textarea 的时候,最开始的那个<textarea>会以在它下面的第一次出现的</textarea>作为它的闭合标签,不再去理会该闭合标签后面的代码,这样就会导致页面原本的样式混乱了。[/color]



    [b]错误用法[/b]:

    <textarea><!-- 最外层textarea -->

    <textarea></textarea><!-- 内嵌的textarea -->
    <input type="button" value="这个button会跑到最外层textarea外面" />

    </textarea>




    [b]误导我的解决方案[/b]:(使用[url=http://www.w3school.com.cn/html/html_entities.asp]html字符实体[/url]) :shock:

    <textarea><!-- 最外层textarea -->

    <textarea></textarea><!-- 内嵌的textarea -->

    </textarea>



    之所以出现上述误导我的解决方案,是因为曾在一个项目里面使用了一个 TrimPath Template 的页面模板引擎,

    而这个模板引擎本身使用了一个隐藏的textarea作为模板,(我估计)后来作者也发现了textarea嵌套textarea的问

    题,在 TrimPath Template 的源码里发现了这一行:

    content = content.replace(/</g, "<").replace(/>/g, ">");


    算是作为补救方案吧。

    上述误导人的解决方案,只能使用于 TrimPath Template 的项目里,对于正常的html页面textarea套textarea,还是没有办法的。 8)

    TrimPath Template 开源项目地址:[url=http://code.google.com/p/trimpath]http://code.google.com/p/trimpath[/url]
    展开全文
  • textarea 样式

    2012-03-05 15:27:53
    css textarea textarea 样式
  • textarea 添加默认值value

    万次阅读 2019-06-11 19:51:16
    textarea是不能添加value的。 但是简单的打个比方: 当我们要编辑一些内容而正好用到textarea的时,怎么办呢 可以这样,加个ID 然后在用script进行追加 然后刷新第一个页面 成功! ...

    textarea是不能添加value的。

    但是简单的打个比方:

    当我们要编辑一些内容而正好用到textarea的时,怎么办呢

    可以这样,加个ID

    然后在用script进行追加

    然后刷新第一个页面

    成功!

    展开全文
  • textarea控件

    2019-10-01 21:21:30
    textarea控件(文本域) 如果需要输入大量的信息,就需要用到<textarea></textarea>标签。通过textarea控件可以轻松地创建多行文本输入框,其基本语法如下:<textarea cols="每行中的字符数" rows=...
  • textarea显示行号

    2019-02-24 21:13:54
    是一个js插件,可以给textarea的内容显示行号
  • textarea样式

    万次阅读 2018-03-02 14:37:48
    textarea style="border:0;border-radius:5px;background-color:rgba(241,241,241,.98);width: 355px;height: 100px;padding: 10px;resize: none;" placeholder="询价备注(尺寸、材质等)"&...
  • textarea标签

    2018-05-09 10:16:55
    textarea&gt;&lt;/textarea&gt;文本框标签,在开发中总能遇到1.textarea标签,换行符不是&lt;br/&gt;,而是&lt;/n&gt;2.如果你想在textarea标签中输入默认值,并且换行显示,那么换行符...
  • textarea 赋值

    千次阅读 2018-03-08 21:56:17
    textarea 这个标签非Input标签,用得也相对于少一些,但这个在JQ中赋值时,就有些麻烦,我们平时在工程中创建的JSP的声明是&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&...
  • JavaFX 控件 TextArea

    千次阅读 2020-05-26 22:45:45
    TextArea TextArea textArea = new TextArea(); textArea.setPrefColumnCount(20); textArea.setPrefRowCount(30); textArea.setPromptText("PromptText"); //自动换行 textArea.setWrapText(true); textArea....
  • HTML textarea控件

    2018-04-12 21:42:24
    textarea控件textarea控件用来创建一个支持多行的文本输入区域,如果没有使用 maxlength 属性限制文本区域的最大字符数量,访问者可以输入多达 32700 个字符。可以通过 rows 属性和 cols 属性,来定义 textarea控件...
  • textarea的使用

    2020-08-26 09:49:00
    目录1. textarea自动定位到末尾行 1. textarea自动定位到末尾行 <div class="box3"> <textarea readonly id="el_textarea" style="width: inherit;height: inherit;"> </textarea> </div&...
  • textarea 去除边框

    千次阅读 2019-06-05 10:45:33
    textarea 去除边框 textarea{ width: 100%; height: 100%; border: none; resize: none; cursor: pointer; }
  • textarea 换行

    2016-11-10 20:49:57
    如果想要从textarea 中 获取 内容,并且读取换行符,按照textarea格式显示在其他地方。可以使用以下方法: var txt_val = $("#textarea").val(); 1: txt_val.replace(new RegExp("\r\n","gm"),""); $("#...
  • textarea placeholder 无效

    2020-09-13 20:41:58
    <textarea placeholder="粘贴在此处,自动序列化..."> </textarea> 标签之间不要换行(有字符) <textarea placeholder="粘贴在此处,自动序列化..."></textarea>
  • <div contenteditable="true">...textarea是多行文本,并且可以通过cols 和 rows 属性来规定 textarea 的尺寸,也可以用width和height. textarea赋值: 有val(‘222’)改变了输入框值, html(‘444’...
  • textarea提交表单Text areas are for larger areas of text, such as a comments entry area in a form. <textarea> is not specified as the attribute of an <input> tag, but is its own tag. 文本...
  • 这是textarea内容要读取“这是textarea内容”,可以用:$(“textarea[name=‘content‘]”).val() $(“#content”).val()$(“textarea[name=‘content‘]”).text() $(“#content”).text()而要往textar...
  • Wicket textarea示例

    2020-05-27 05:22:04
    Wicket教程向您展示如何创建一个textarea,多行文本编辑组件,通常用于地址字段。 //Java import org.apache.wicket.markup.html.form.TextArea; ... final TextArea<String> address = new TextArea<...
  • textarea禁止拉伸

    千次阅读 2019-01-17 14:39:34
    textarea禁止拉伸
  • <textarea></textarea>

    千次阅读 2017-03-28 14:27:26
    <textarea></textarea> HTML标签,可以指定各种想要的数据,如默认行数/列数/默认字符串等等,<textarea name="remark" id="remark" cols="40" rows="2" theme="simple" cssStyle="width:100%" placeholder="请描述...
  • textarea的赋值

    2020-07-03 09:09:38
    需求:要展示一个文本框且不可编辑,如图所示 固定区域展示内容,可以用textarea: 代码如下: 赋值: 这样就可以了 顺便查了一下,其他方法的赋值以及获取值: 赋值:(下面链接这个写的非常好) ...
  • textarea 属性

    千次阅读 2017-11-15 10:54:43
    在HTML中有2个属性是控制textarea是否可输入 disabled 属性 该属性规定禁用文本区。被禁用的文本区既不可用,也不可点击; readonly属性 该规定文本区为只读。在只读的文本区中,无法对内容进行...
  • textarea接受后台数据

    万次阅读 2016-11-04 11:16:39
    textarea接受后台数据在jsp页面使用EL接受后台数据<textarea value=”${value}”></textarea> 如果这样接受数据,那么在前台可能接受不到 因为前台在你接受的内容后面会加上 " style="visibility: hidden; display:...

空空如也

1 2 3 4 5 ... 20
收藏数 31,540
精华内容 12,616
关键字:

textarea