textarea placeholder不起作用的原因

最新推荐文章于 2022-11-25 16:56:36 发布
转载 最新推荐文章于 2022-11-25 16:56:36 发布 · 3.5k 阅读 · 0 

<textarea placeholder="你的意见是我们前进的动力" maxlength="2000" wrap="soft"> </textarea>多了一个空格把空格去掉就好了
Vue - 实现 textarea 多行输入框的 placeholder 换行显示功能，让 input（type=textarea）输入框 placeholder 灰色描述文字识别 \n 断行显示教程
🏆 前端领域优质创作者
09-20 6988
vue，textarea多行文本输入框，inputtype=textarea多行输入框文本，vue如何将textarea多行输入框的placeholder换行显示，vue怎么让placeholder断行显示，vue项目多行输入框placeholder灰色提示文字换行断行显示，vue实现placeholder识别\n并且换行，vue输入框placeholder不识别\n转义字符怎么办，在input、textarea标签的placeholder中实现换行的方法，vue框架下,textarea怎样写出多行的p
微信小程序 - ＜textarea＞ 多行文本输入框 placeholder 属性换行显示文字（样式修改的详细教程）
热门推荐
🏆 前端领域优质创作者
10-20 1万+
解决微信小程序input框placeholder换行textarea，wechat小程序textarea的placeholder如何换行，vant-weapp组件库Field输入框组件van-field的placehold怎么换行？,微信小程序中如何设置textarea中的placeholder换行显示，cssinput输入框placeholder样式的修改，怎么让textarea的灰色placeholder换行显示描述呢，微信小程序-textarea多行文本输入框placehol
textarea placeholder 无效
终日而思不如须臾所学。
09-13 406
<textarea placeholder="粘贴在此处，自动序列化..."> </textarea> 标签之间不要换行（有字符） <textarea placeholder="粘贴在此处，自动序列化..."></textarea>
＜textarea＞ 标签placeholder不生效
smilelixiaojie的博客
11-25 509
当之间文本有空格的时候会不生效,将空格删掉即可。placeholder的样式设置。
textarea 为什么placeholder不生效
paopao_pop的博客
04-26 1539
最近也是写JQ的项目，遇到好多的小坑，这也是有遇到一个，placeholder不生效的问题，代码如下： <textarea placeholder="请输入相关内容" id="contents" rows="10" maxlength="2000" onchange="sizecontrol()" onkeydown="sizecontrol()" onkeyup="sizecontrol()" > </textarea> 看起来没啥问题，但是原生属性placeholder
textarea的placeholder无效问题解决
weixinhmz的博客
08-14 218
textarea的placeholder无效问题解决
textarea中使用placeholder却不展示
吴佳陶的博客
07-19 413
  &lt;textarea class="copy-box" cols="30" rows="6" placeholder="备注:将信息粘贴此次,以便您更快捷的填写信息"&gt;&lt;/textarea&gt; &lt;textarea class="copy-box" cols="30" rows="6" placeh
textarea的placeholder怎么实现换行-新的方法
sfyjknvcx的博客
01-24 5021
大家好，我是南宫。 我最近遇到一个需求，要在之前写过的页面中加上一个textarea，但是我注意到，textarea里面的placeholder在第一行还没有填满的时候换行了，如下图： 怎么实现呢？ 我百度找到的方案是“使用&#10”，也就是Unicode的换行符或回车符，兴冲冲地复制过来以后，一看结果，我感觉很失望： emmm，&#10;原样输出了，没有起到换行的效果。鉴于之前的那些博客都是2018到2019年的，我认为可能是新版本的浏览器对placeholder的解析规则
精选资源
jquery实现（textarea）placeholder自动换行
01-21
textarea id=text1></textarea> 2、js方法 [removed] var placeholder = '第一行文本提示\n第二行文本提示\n第三行文本提示'; $('#text1').val(placeholder); $('#text1').focus(function() { if ($...
用CSS实现textArea中的placeholder换行功能
09-25
但是，原生的placeholder属性并不支持换行显示，也就是说，开发者不能直接通过placeholder属性实现文本框中的提示文本换行。 这一限制常常使得开发者在需要展示更多信息量的提示文本时感到不便。通常的做法是使用...
全兼容input/textarea标签的placeholder属性JS插件
12-15
该插件完整兼容placeholder属性。插件由原生JS编写，无需任何其他插件支持，并且使用简单，只需一行JS调用即可。 博客地址：http://blog.youkuaiyun.com/qq_17076445/article/details/78212240
textarea 标签的placehold不起作用
过客的博客
12-16 1169
1.textarea 标签的placehold不起作用 是因为和textarea>之间有空格
<textarea></textarea>标签的placeholder属性不生效问题
ASDF1101122的博客
07-30 2364
<textarea></textarea>标签的placeholder属性不生效问题 1、在用到<textarea></textarea>标签时，设置placeholder属性提示不生效问题解决办法； 2、代码里写<textarea rows="10" name="List" class="box" placeho...
textarea中的placeholder属性不起作用
汪学友的博客
06-02 1545
坑：textarea中的placeholder属性不起作用 场景：<textarea placeholder="这个里面有换行了，所以有内容就不显示">创作中心 </textarea> 原因：<textarea>与</textarea>之间有间隔，（有空格，换行都属于有内容，所以就不读取placeholder的值) 解决：去掉空格,换行 <textarea placeholder="这里面没有间格了，就显示了"></text...
textarea中的placeholder不显示
柚稚的博客
03-01 245
<textarea placeholder="评论留言" id="c_content"> </textarea> 这种写法呢，会在产生空格，所以采取写在一行的写法 <textarea placeholder="评论留言" id="c_content"></textarea>
textarea placeholder 不显示
woaikuangxuefen的博客
07-23 2102
<textarea></textarea>标签之间不要有空格！！！ 例如： <textarea name="textarea" rows="5" cols="20" placeholder="请输入信息"></textarea> 上面这行代码可以显示placeholder属性的值。 <textarea name="textarea" row...
textarea 元素的 placeholder 属性不显示
暖一杯茶的博客
08-05 381
textarea 的 placeholder 属性值不显示的原因可能是 与 之间存在空格或者换行
textArea中的placeholder属性不起作用
weixin_30619101的博客
05-08 173
问题描述: textarea中加的placeholder属性有给值，但是在jsp页面中没有对应的提示信息显示，如下图所示: 原因: <textarea>与</textarea>之间有间隔，或存在换行； 解决: 具体为什么会这样还不是很清楚呢.. 转载于:https://www.cnblogs.com/ting1996/p/68232...
小程序 组件placeholder-class不生效
caihuawei123的博客
11-07 2725
uniapp 组件样式里设置了scoped，导致 给input和textarea设置的placeholder-class无效，placeholder-style不受影响 参考：https://ask.dcloud.net.cn/question/89282
如何修改textarea placeholder样式
最新发布
11-26
修改 `textarea` placeholder 样式有多种方法，以下为你详细介绍： #### 直接使用 CSS 选择器 在不同浏览器中，修改 `textarea` 的 `placeholder` 样式可以使用不同的伪元素选择器。以下是一个示例代码： ```css /* 修改 textarea placeholder 文本颜色和对齐方式 */ textarea::-webkit-input-placeholder { color: #ddd; text-align: right; } textarea::-moz-placeholder { color: #ddd; text-align: right; } textarea:-moz-placeholder { color: #ddd; text-align: right; } textarea:-ms-input-placeholder { color: #ddd; text-align: right; } ``` 上述代码中，`::-webkit-input-placeholder` 适用于 WebKit 内核的浏览器（如 Chrome、Safari）；`::-moz-placeholder` 适用于 Mozilla Firefox 19+；`:-moz-placeholder` 适用于 Mozilla Firefox 4 到 18；`:-ms-input-placeholder` 适用于 IE 浏览器 [^2]。 #### 使用 Sass 混入（Mixin） 使用 Sass 语法可以更方便地编写跨浏览器的样式。以下是一个使用 Sass 混入的示例： ```scss @mixin placeholder { &::-webkit-input-placeholder { @content; } &::-moz-placeholder { @content; } &:-ms-input-placeholder { @content; } } textarea { @include placeholder { color: #f00; } } ``` 编译后的 CSS 代码如下： ```css textarea::-webkit-input-placeholder { color: #f00; } textarea::-moz-placeholder { color: #f00; } textarea:-ms-input-placeholder { color: #f00; } ``` 这种方式可以将重复的代码封装在混入中，提高代码的可维护性 [^4]。 #### 修改特定组件的 textarea placeholder 样式 如果使用的是 Element UI 等组件库中的 `textarea`，可以使用深度选择器来修改其 `placeholder` 样式。示例代码如下： ```css /* 谷歌 */ ::v-deep .el-textarea__inner::-webkit-input-placeholder { color: #f56c6c; font-size: 12px; line-height: 1; } /* 火狐 */ ::v-deep .el-textarea__inner:-moz-placeholder { color: #f56c6c; font-size: 12px; line-height: 1; } /* ie */ ::v-deep .el-textarea__inner:-ms-input-placeholder { color: #f56c6c; font-size: 12px; line-height: 1; } ``` 上述代码使用 `::v-deep` 深度选择器来修改 Element UI 中 `textarea` 的 `placeholder` 样式 [^3]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值