为啥textarea 中的 placeholder不显示

最新推荐文章于 2025-07-02 17:22:07 发布
最新推荐文章于 2025-07-02 17:22:07 发布
阅读量1.1k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/luodao_/article/details/80537146
本文详细介绍了HTML标签的基本用法及注意事项，强调了标签之间的正确嵌套规则，避免因错误使用空格导致的网页显示问题。 


<textarea cols="30" rows="10" placeholder="Sku:1138;Qty:1">空格</textarea>
<textarea cols="30" rows="10" placeholder="Sku:1138;Qty:1"></textarea>
html标签之间不能有空格
（二）textarea中placeholder不显示
cccyt123的博客
08-02 484
最近跟着大牛学习搭建接口自动化测试平台，接触到一些前端知识，在学习的过程中遇到了一个问题。 我需要在页面添加一个输入框，输入框默认显示简短的提示文字，但是在我添加好placeholder属性后，运行发现输入框里显示提示文字。 {# 添加多行文本框#} <textarea id="tucao_input" cols="45" rows="9" placeholder="匿名吐槽专用，点击‘呸’ 即可怒喷开发者！"
踩坑之路——微信小程序textarea中placeholder居中问题
热门推荐
weixin_42556039的博客
09-11 1万+
  我们可以看到 textarea 可以设置line-height并呈现     但placeholder占位符文字却没有，设置placeholder-class、placeholder-style也不可以？？ 没有思路，我就想小程序的文档案例应该有法子，但没想到 官方案例是这样子做的案例？？？看来是莫得法子了，只能用官方案例中的方法了  ...
textarea中的placeholder不显示
柚稚的博客
03-01 233
<textarea placeholder="评论留言" id="c_content"> </textarea> 这种写法呢，会在产生空格，所以采取写在一行的写法 <textarea placeholder="评论留言" id="c_content"></textarea>
使用textarea如何实现placeholder换行展示
最新发布
m0_52872381的博客
07-02 241
1. \n 或者 \r\n 在需要换行的地方加上2. &#10；或者 &#13； 在需要换行的地方加上（网上找的不知道行不行）3. </br> 这个是p标签内使用的3. 有可能placeholder用了1.2.方法都不行，那就在textarea中加个css:white-space: pre-wrap;这个属性，然后再在placeholder中加 \n 就可以了
textarea 元素的 placeholder 属性不显示
weixin_43146793的博客
03-17 999
textarea中的placeholder不显示的原因，主要是因为中间有空格。 &lt;textarea name="userMsg" placeholder="请在此填写您的意见或建议"&gt;&lt;/textarea&gt; 注意前面没有空格，如果是 &lt;textarea name="userMsg" placeholder="请在此填写您的意见或建议"&gt; &a
textarea不显示placeholder的内容
miemiem_的博客
10-19 782
原因：textarea开始标签和闭合标签之间有换行或者空格。
用CSS实现textArea中的placeholder换行功能
09-25
但是，原生的placeholder属性并不支持换行显示，也就是说，开发者不能直接通过placeholder属性实现文本框中的提示文本换行。 这一限制常常使得开发者在需要展示更多信息量的提示文本时感到不便。通常的做法是使用...
uniapp textarea中placeholder多行显示不全
05-31
如果你在使用uniapp的textarea组件时，发现placeholder多行显示不全，可以考虑以下两种解决方案： 1. 自定义样式 在textarea组件上添加一个自定义class，并设置样式： ```html <textarea class="my-textarea" ...
vue + el-input 中 textarea 实现 placeholder 换行
06-14
在这个例子中，我们首先在`template`中定义了一个`el-input`，类型设置为`textarea`，并设置了`placeholder`，用`\n`来模拟换行。然后，在`style`标签中，我们使用`::v-deep`选择器（或`>>>`）定位到`el-input__...
textarea中placeholder多行显示不全
05-31
如果textarea中的placeholder多行显示不全，可以考虑设置textarea的行高和padding来解决。例如： ```css textarea { height: 100px; /* 设置textarea高度 */ padding: 10px; /* 设置textarea内边距 */ line-...
textarea placeholder 的提醒不显示
aweiwei的博客
02-15 385
<textarea></textarea> 之间不要加空格
textarea placeholder 不显示
woaikuangxuefen的博客
07-23 2075
<textarea></textarea>标签之间不要有空格！！！ 例如： <textarea name="textarea" rows="5" cols="20" placeholder="请输入信息"></textarea> 上面这行代码可以显示placeholder属性的值。 <textarea name="textarea" row...
textarea placeholder 不显示或初次不显示的问题
meng_xiaohua的博客
03-04 348
<textarea></textarea>标签之间不要有空格或者换行符等！！！ 例如： <textarea name="textarea" rows="5" cols="20" placeholder="请输入信息"> </textarea> 或者 <textarea name="textarea" rows="5" co...
＜textarea＞＜/textarea＞ placeholder属性不显示
zixiang0326的博客
02-20 538
placeholder属性不显示
关于textarea 中placeholder内容不显示问题
chuncuan2581的博客
10-13 408
placeholder 属性规定描述文本区域预期值的简短提示。 该提示会在文本区域为空时显示，当字段获得焦点时消失。 在html中，当标签textarea中存在空格的时候，区域内不为空，placeholder消失。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值