＜textarea＞＜/textarea＞ placeholder属性不显示

最新推荐文章于 2023-12-22 17:24:44 发布
最新推荐文章于 2023-12-22 17:24:44 发布
阅读量424 收藏 1
点赞数
分类专栏： 避坑 文章标签： html java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zixiang0326/article/details/129121150
版权

起始标签和结束标签间不能有有空格，换行也不行

<textarea rows="" cols="" placeholder="123"> </textarea>

<textarea rows="" cols="" placeholder="123">
</textarea>

去掉换行和空格，正常显示

<textarea rows="" cols="" placeholder="123"></textarea>

空格算作输入内容，有了输入内容后，placeholder内的内容就会被隐藏

zixiang0326
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
用CSS实现textArea中的placeholder换行功能
12-13
textarea placeholder="第1行 \n 第2行 <br></textarea> 这是不会起作用的，会原封不动地输出。 官方不认为这是一个bug：  The placeholder attribute represents a short hint (a word or short phrase)  ...
全兼容input/textarea标签的placeholder属性JS插件
12-15
该插件完整兼容placeholder属性。插件由原生JS编写，无需任何其他插件支持，并且使用简单，只需一行JS调用即可。 博客地址：http://blog.csdn.net/qq_17076445/article/details/78212240
解决react项目中使用Ant Design组件中Select的placeholder不显示的问题
su_sf99的博客
12-22 622
是由于当组件在初始化挂载时，虽然赋予initialValue的变量值为空('')或null,但是Select还是接收了该空值，所以placeholder不会显示。当Select的initialValue绑定一个默认值时，如果默认值是''或null时，placeholder不会生效。解决方法是赋予undefined。
Select选择器内容为空白，placeholder不显示
weixin_47793882的博客
06-25 1740
解决方法：使用一个额外的选项作为占位符：您可以在下拉列表的选项中添加一个额外的选项，将其值设置为 null 或空字符串，并为其设置占位符文本。这样，用户在未选择其他选项之前，就会显示该占位符选项。
disabled状态下placeholder提示信息隐藏与textarea文本显示-input-ElementUI
gaogzhen的博客
04-25 3115
disabled状态下placeholder提示信息隐藏与textarea文本显示-input-ElementUI   在实际项目开发中，对于表格内容添加、修改、查看往往会共用同一个组件-对话框，通过一个标志来区分。在查看时，对于表单中输入框，我们希望只能查看不能修改，这是使用disabled属性，那么问题来了： 问题 disabled转态下我们希望隐藏placeholder提示信息 textarea文本能正常显示 解决 通过属性控制disabled值与placeholder的值 修改样式：
input 的placeholder不显示如何解决
热门推荐
weixin_34146410的博客
09-26 1万+
写在前面：近期开始在整理一些东西，“一孕傻三年”的模式快要结束，但是脑袋瓜还是妥妥的记不住事情。总结一些自己平时踩过的坑，希望能给别人带来些许便利。 昨天在写input的时候，发现placeholder总是不显示。在谷歌模拟下，只看见显示了“年/月/日”，手机上白白的，什么也木有。这样的用户体验肯定是要被打死的！效果贴下： 遇见问题第一反应就得想办法解决问题。代码贴下： <div cl...
input的type=“date“时placeholder不显示，解决方案
weixin_42178670的博客
05-18 2013
input的type="date"时placeholder不显示，解决方案 步骤如下： 1、使用伪类模拟 input[type="date"]::before { content: attr(placeholder); } 做完上面之后，会发现在使用的时候即使选了时间，这个placeholder会依旧存在，所以要使用第2步js控制 2、使用js控制placeholder展示与否，假定该时间选择器id=“time” let timeItem = document.getElementById("time"
html中textarea的使用及常见问题及案例分析
09-28
当 `<textarea>` 标签不在同一行上时，可能会出现布局或显示问题。例如： ```html <form id="textareaDemo" action="#" method="post"> <textarea> 这是textarea标签不在一行上的 看看效果会不一样的 </...
vue + el-input 中 textarea 实现 placeholder 换行
最新发布
06-14
vue + el-input 中 textarea 实现 placeholder 换行
关于textarea提交的内容无法换行的解决办法
09-05
另一方面，当从数据库中取出这些数据并在页面上展示时，我们需要做相反的操作，即将 `<br />` 标签替换回 `\n` 换行符，以便在 `textarea` 中正确显示： ```javascript // 假设 content 是从服务器获取的数据 ...
一行代码解决placeholder 不显示的问题
蜗牛的专栏
08-29 8453
请填写不通过的原因,限制在72个字符！ 没用到placeholder  只好用js实现了
HTML5 placeholder(空白提示) 属性
weixin_34144450的博客
08-06 331
原文地址：HTML5′s placeholder Attribute 演示地址:placeholder演示 原文日期： 2010年08月09日 翻译日期： 2013年8月6日 浏览器引入了许多的HTML5 特性: 有些是基于HTML的，有些是JavaScript APIs形式的,但都很有用。其中我最喜欢的一个就是为input元素引入了placeholder属性...
placeholder在IE8中不显示，一种解决办法
SumeriZhanYg
07-21 7422
做的一个查询页面，在IE10的基础上做的，input标签用到了placeholder属性。将页面放到IE8去显示，placeholder属性失效了。从网上查找了很多方法，最终采取使用JS的方式解决了兼容的问题。 HTML代码 <input id="valiCode" class="aaa" type="text" placeholder="请输入验证码" onblur="if(this.v
textare 不显示placeholder的问题
衣襟晚照的博客
10-23 1173
一个小失误找了半天，现在记录下来，希望能帮助大家，先上代码 &lt;textarea class="form-control diff-textarea" placeholder="输入会员卡使用特权" id="description" rows="6"&gt; &lt;/textarea&gt; 上面是一个普通的textarea。 现象是第一次打开页面时，无论怎么都不显示placeho
HTML输入文本框placeholder（提示文字，填写内容时消失）
zag666的博客
10-03 2391
placeholder 属性 input文本框内添加提示文字,该提示会在用户输入值之前显示在输入字段中，填写内容时消失。 适用于下面的 input 类型：text、search、url、tel、email 和 password。 <input placeholder="提示语..."></input> placeholder 文本也可以指定属性。 ::-webki...
HTML属性placeholder，输入框为空时显示的内容
lydiacheung的博客
09-07 4692
HTML属性placeholder，输入框为空时显示的内容
CSS - 解决placeholder不起作用的方法
asdfgh0077的博客
07-11 241
CSS - 解决placeholder不起作用的方法
textarea的placeholder无效问题解决
一份耕耘 一份收货
06-13 5595
$('#description').val("");//清空textarea的值，palaceholder才会生效 textarea的值，2个标签有空格也会有value的，如何用js去掉中间的空格; var description = $.trim($('#descrip
为<body> 在线考试系统题目新增页面 <form> <p> <label for="title">题目：</label> <textarea id="title" rows="3" cols="60" placeholder="请输入题目"></textarea> </p> </p> <p> <label for="answer">答案：</la
06-12
bel> <textarea id="answer" rows="3" cols="60" placeholder="请输入答案"></textarea> </p> <p> <label for="options">选项：</label> <textarea id="options" rows="3" cols="60" placeholder="请输入选项"></...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值