精华内容
下载资源
问答
  • textarea 文本框内显示提示信息

    千次阅读 2018-09-19 09:55:39
    <textarea class=“form-control” style=“width:90%;margin-left:5%;margin-top:3%;resize:none;” rows="4"placeholder=“请输入便签内容,按Enter键以保存”>

    <textarea class=“form-control” style=“width:90%;margin-left:5%;margin-top:3%;resize:none;” rows="4"placeholder=“请输入便签内容,按Enter键以保存”>

    展开全文
  • 完美解决textarea输入框提示文字,必须添加默认内容 &lt;input/&gt;有placeholder标签,可以添加提示文字 ,但是&lt;textarea&gt;没有,一般来说我们是把提示内容写在&lt;textarea&gt;外面...

    转载链接:https://blog.csdn.net/liwenfei123/article/details/69676761

     

    完美解决textarea输入框提示文字,必须添加默认内容

    <input/>有placeholder标签,可以添加提示文字 ,但是<textarea>没有,一般来说我们是把提示内容写在<textarea>外面,如下图: 
    这里写图片描述

    当然,这样的布局并不是最想要的效果, 
    最想要的是文字显示在输入框内,点击输入框时隐藏,离开输入框时,如果输入框没有内容,又显示提示:

    网上搜到的都是利用js通过获取或失去焦点来设置textarea的内容,这有个最大的问题就是:因为设置了默认内容,如果用户不点击输入框,直接提交,就把默认的提示内容提交到后台了。

    本人想出来的解决方案是:将提示内容写在一个div中,通过css的position属性来控制,将div显示到<textarea>中,点击<textarea>时,隐藏到div,这样即使用户不点击输入框直接提交,也不会把默认的提示文字提交到后台,效果如下图: 
    这里写图片描述

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>解决textarea输入框提示文字,必须添加默认内容</title>
            <style type="text/css">
                 body{font-size:12px;}
                 p,div{margin:0;padding:0}
                 .textarea{
                width:350px;height:80px;position:absolute;background:none;z-index:9
                }
                 .note{
                 position:absolute;line-height:20px;padding:3px 5px;
                 }
            </style>
        </head>
    <body>
        <div style="position:relative;">
            <textarea class="textarea" onfocus="document.getElementById('note').style.display='none'" onblur="if(value=='')document.getElementById('note').style.display='block'"></textarea>
            <div id="note" class="note">
                <font color="#777">在这里写入你对服务商的额外要求,服务商等级,好评率等</font>
            </div>
        </div>
    </body>
     </html>

     

    展开全文
  • 下文讲述html元素textarea多行文本框中显示提示信息的方法分享,如下所示: 实现思路: 使用html元素的placeholder属性为元素设置“提示值” 例: <!doctype html> <html lang="en"> <head> <...

    摘要:
    下文讲述html元素textarea多行文本框中显示提示信息的方法分享,如下所示:


    实现思路:
    使用html元素的placeholder属性为元素设置“提示值”

    例:

      <!doctype html>
    <html lang="en">
     <head>
      <meta charset="UTF-8"> 
      <meta name="Author" content="http://www.maomao365.com"> 
      <title>猫猫教程(www.maomao365.com)
      ---为textarea设置提示内容的方法分享
      </title>
     </head>
     <body>
      <textarea  style="width:80%;margin-left:5%;margin-top:3%;resize:none;"
           rows="6"
            placeholder="这里可以放入textarea提示内容"></textarea>
     </body>
    </html>
    

    html标签textarea提示信息设置方法分享

     

     

     

    html标签textarea提示信息设置方法分享

    展开全文
  • textarea 相关设置

    万次阅读 2018-06-22 10:52:37
    1:设置行间距//使用line-height: 1.5设置行间据,注意1.5不是1.5px。 <textarea style="line-height: 1.5;...2:设置提示内容,并换行(&#10;)是unicode编码集中的换行 <textarea...

    1:设置行间距 //使用line-height: 1.5设置行间据,注意1.5不是1.5px。

    <textarea  style="line-height: 1.5;height: 100px;" rows="3" cols="25"></textarea>

     

    2:设置提示内容,并换行(&#10;)是unicode编码集中的换行

    <textarea rows="5" cols="50" placeholder="1、提示信息1&#10;2、提示信息2"></textarea>
    展开全文
  • textarea提示文字换行显示

    千次阅读 2017-11-20 10:29:19
    <textarea style="border:1px solid #ddd;width:100%;height:100px;margin-top:15px;padding:5px;" placeholder="例如: 店铺成立的年份 店铺主要设立在XX地区 专门经营劳 力士买卖 "></textarea> ...
  • 背景 看了过时的资料,花费大...设置了默认内容,如果用户不点击输入框(更改输入框的文本),而直接提交,就把默认的提示内容提交到后台了。 参考其他同学的解决方案:创建一个div,这个div包含了帮助文字、<t...
  • 设置textarea的默认显示的文字?

    万次阅读 2016-10-09 01:46:25
    把默认显示的文字放在<textarea></textarea>之间即可 如<textarea>这就是默认显示的文字</textarea> <textarea id="t1"></textarea> document.getElementById("t1").value="hello!" </script> 或者直接 ...
  • html代码如下:签 名:个人简介:代码为简单的表单样式,现在这是没有设置提示文字下图:在代码中插入placeholder属性就可以...| window.Zepto) { /** * 设置输入框提示信息 * @param options * @author rubekid */...
  • 1.textarea设置默认值HTML:此段代码设置一个textarea文本框 并且设置为隐藏2.textarea高度自适应今天需要些一个回复评论的页面,设计师给的初始界面就是一个只有一行的框。然后当时就想这个交互该怎么实现比较好,...
  • input,textarea的placeholder属性设置字体颜色input::-webkit-input-placeholder { color: red !important; } input:-moz-placeholder { color: red !important; } input::-moz-placeholder {
  • App Designer 中的文本区域TextArea组件,一般可以用来作为matlab app设计中的信息显示。 app.TextArea.Value = 'Hello Matlab'; Value可以是字符向量、字符向量元胞数组、字符串数组或一维分类数组。这样直接给...
  • 我们知道文本框可以有一个为maxlength的属性,可以限制文本框的长度,当时备注...=20){event.returnValue=false}'就可以了,整个写法如下:aaaa我们也可以将判断写在函数中,如果输入的长度超过显示,就显示提示信息...
  • input和textarea设定提示信息和默认值

    千次阅读 2015-09-10 14:00:06
    1.input: inputname="textfield"type="text"value="点击添入标题"onfocus="if (value =='点击添入标题'){value =''}"onblur="if (value ==''){value='点击... ...2textarea: ...textareaname="textarea"cols="80"rows
  • disabled状态下placeholder提示信息隐藏与textarea文本显示-input-ElementUI   在实际项目开发中,对于表格内容添加、修改、查看往往会共用同一个组件-对话框,通过一个标志来区分。在查看时,对于表单中输入框,...
  • textarea字数限制提示

    2017-11-23 11:45:00
    //清空剩除字数提醒信息 function resetMaxmsg() { $("span.Max_msg").remove(); } </script> 调用方法 <textarea id="BZ" name="BZ" style="height: 34px; width: 450px" onkeydown="checkMaxInput...
  • 怎么在textarea中写提示的灰色文字?

    万次阅读 2016-04-15 07:01:16
    通常,我们的输入栏一般有提示性的文字,然后当焦点在文字域的时候,提示文字就会消失,这就运用到了html的placeholder属性:
  • html的textarea标签的文本显示,文本框样式简单设置 后端传递数据如何在textarea标签的文本框内显示,如下。 <textarea id="text" type="text" name="sign" v-model="text" class="sign" placeholder="默认显示...
  • coding表单的过程中,经常会遇到input及textarea的部分,而这两种标签几乎都伴随着框内提示文字的情况,如果把每处需要做提示的地方都做一套样式及脚本的话,又不利于网站的代码共用,并且调整起来也十分费力,所以...
  • #1楼当我做这样的事情时,它对我有用:My Text#2楼如果要将数据库中的信息带入textarea标记进行编辑:输入标记不显示占用多行的数据: 行无效,标记输入为一行。textarea标签没有任何价值 ,但可以使用车把{{a...
  • 这篇文章主要介绍了textarea焦点的用法实现获取焦点清空失去焦点提示效果,需要的朋友可以参考下效果图:具体实现:1、textarea标签内容备注:2、初始化使点击添加按钮时,内容显示最多能输入50个字$("#introduction...
  • // 增加提示信息 if(!$(obj).next().is("span")){ var tip = "<span style='margin:0 5px'></span>"; $(tip).insertAfter($(obj)); } // 延时20毫秒断句,防止粘贴事件和全选删除事件未执行完成!!! window....
  • textarea中的placeholder信息有时需要作换行处理,如果利用空格填充让其内容自动换行的话,不大好控制。于是上网百度了一下,用了watermark.js 这个插件。这个插件据说还可以做水印,有兴趣的可以去了解一下。效果图...
  • 新增的时候input框输入后没有提示校验信息;但是,修改的时候,如果修改的是让另一个字段使得这个input从隐藏改成显示,然后在这个input里输入值后,不会在input框里显示值,但是查看data里是有值的。 原因:出现...
  • textarea标签居中

    千次阅读 2019-05-04 14:02:31
    textarea标签前边文字居中显示: 个人简介: <textarea name="个人简介" rows="5" cols="30" style="vertical-align:middle "> </textarea> 如图所示
  • textarea 中的换行符

    2021-04-22 11:52:46
    XML/HTML代码'----'+ +'---'有时候要title 提示多行信息,有两种解决方法:一:硬回车就是的there二:用html转义序列把鼠标放上来这里再说一下html中的转义字符- -html中,&有特殊含义,(前两个字符用于链接签,...
  • textarea添加信息

    2017-03-19 21:24:40
    文本框 textarea 限制输入文字个数的的javascript代码,我们经常在评论留言页面我们需要在客户端限制访客的留言长度,当然最好我们在;tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4
  • html5中textarea给placeholder设置颜色

    万次阅读 2014-12-23 19:54:27
    <textarea   data-role="none" class="feedbackcontent" id="feedbackcontent" name="feedbackcontent" placeholder="请输入您的意见和反馈(必填)"></textarea> # feedbackcontent ::-webkit-input-placeholder{...
  • function save(id) {var data = document.getElementById(id).value;var time = new Date().getTime();sessionStorage.setItem(time, data)alert("数据储存")load('a')}function load(id) {var result = ""for (var ...
  • <textarea></textarea> 之间不要加空格

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 33,512
精华内容 13,404
关键字:

textarea设置提示信息