HTML textarea标签的placeholder属性没有作用的原因

最新推荐文章于 2024-05-12 17:12:24 发布
最新推荐文章于 2024-05-12 17:12:24 发布
阅读量393 收藏
点赞数 1
分类专栏： H5和CSS3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Wangdiankun/article/details/104316023
版权

今天在使用HTML 的多行文本标签时，需要在编辑框中加入提示字，以前使用过，不知道为什么这次不行了，找了一些资料发现是该标签不能有空格和换行，就是说需要这样写

<textarea placeholder="......"></textarea>

不能写成

<textarea placeholder="......">  </textarea>

或者

<textarea placeholder="......">
</textarea>

这样写提示字属性都不显示！！！！

wangdiankun
关注
专栏目录
input、textarea设置placeholder的颜色不起作用
D_2016的博客
04-02 2595
开发过程中遇到了这个奇葩问题，设置了textarea元素的placeholder属性颜色但是没显示出效果。设置方式如图1： 图1突然一下子有点懵，之前的项目里也是这样用的啊，怎么就不行了呢？于是默默的打开原来的项目、启动看看效果，哎呀，怎么也没有效果，这可是之前做好的测试过的项目啊。然后自己新建了一个单html测试下效果。 完全正常..........无语了 于是自己...
js兼容的placeholder属性详解
10-26
// 检测浏览器是否支持placeholder属性 if (!('placeholder' in document.createElement('input'))) { // 如果不支持，遍历所有输入元素 $('input[placeholder], textarea[placeholder]').each(function () { var...
textarea
02-25
textarea 随内容高度固定，自动增宽；宽度固定，自动增高；<br>以及 wrap 的几种属性简介。
textarea 为什么placeholder不生效
paopao_pop的博客
04-26 1272
最近也是写JQ的项目，遇到好多的小坑，这也是有遇到一个，placeholder不生效的问题，代码如下： <textarea placeholder="请输入相关内容" id="contents" rows="10" maxlength="2000" onchange="sizecontrol()" onkeydown="sizecontrol()" onkeyup="sizecontrol()" > </textarea> 看起来没啥问题，但是原生属性placeholder
HTML5 input placeholder 颜色及修改失效的解决办法
zccmp20的专栏
02-14 1617
1.调整代码如下： input::input-placeholder{color: #bdbdbd ;} /* 有些资料显示需要写，有些显示不需要，但是在编辑器webstorm中该属性不被识别 */ ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placehold...
下拉框placeholder失效问题
qq_44130891的博客
04-18 685
下拉框placeholder失效问题
Html----textarea
u010398850的专栏
07-09 743
定义和用法 标签定义多行的文本输入控件。 文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。 可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。 在文本输入区内的文本行间，用 "%OD%OA" （回车/换行）进行分隔；通过 标签的 wra
vue + el-input 中 textarea 实现 placeholder 换行
最新发布
06-14
然后，在`style`标签中，我们使用`::v-deep`选择器（或`>>>`）定位到`el-input__inner`内部的`textarea`，并通过`::-webkit-input-placeholder`伪元素来改变`placeholder`的样式。`white-space: pre-wrap`允许空白...
HTML5 placeholder属性详解
09-28
HTML5的`placeholder`属性是用于定义输入框（`<input>`）或文本区域（`<textarea>`）内的提示信息，这些提示信息会在用户输入内容之前显示，为用户提供输入建议或格式指南。这个属性极大地提高了用户体验，因为它...
Html5的placeholder属性(IE兼容)实现代码
09-04
`placeholder`属性的语法相当简单，只需在`<input>`或`<textarea>`标签内添加`placeholder`属性，并赋值为所需的提示文本。例如： ```html <input id="t1" type="text" placeholder="请输入文字" /> ``` 在上述...
html placeholder 兼容问题,解决placeholder的兼容性
weixin_33146151的博客
07-06 209
placeholder在不支持html5的低版本的浏览器中，placeholder属性是无效的，ie9及以下的ie浏览器不兼该属性。网上找到了解决办法：解决思路是用input的value值来模拟placeholder的效果，包括input类型为password时的替换，但效果和placeholder稍有差异。具体做法：引入jquery.placeholder.js文件，调用placeholder(...
textarea 属性
热门推荐
学习总结
07-11 1万+
textarea 滚动条属性设置 scrollbar属性、样式详解 1．overflow内容溢出时的设置（设定被设定对象是否显示滚动条） overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2．scrollbar-3d-light-color立体滚动条亮边的颜色（设置滚动条的颜色） scrollbar-arrow-color上下按
html textarea标签种的 placeholder提示语不显示
chengxvrenyuan的博客
06-13 529
textarea中的 placeholder 不显示可能是因为标签之间有空格导致
为什么textarea不显示placeholder,而且焦点不在输入框最左边
qq_42444795的博客
08-21 355
项目场景： 提示： textarea标签不显示placeholder,而且焦点不在输入框最左边 情况如同这样 https://codepen.io/studysyl/pen/PoNGrda?editors=1010 问题描述： 本来是想要显示textarea里边的placeholder="简介"，但是页面并没有刷新出来，但是把左边的空格去除之后就能显示了。 <textarea id="brief" name="brief" autofocus="autofocus" class="form-
textarea相关属性及使用
2302_80277784的博客
05-12 1097
什么是textarea标签？在HTML中，像年龄，姓名这种用单行文本框就能搞定，但如果是多行文本，就需要用到textarea标签。textarea标签用于创建多行文本输入框。
php textarea 属性,textarea属性有哪些
weixin_29170089的博客
03-20 471
textarea属性有：1、accesskey访问元素的键盘快捷键；2、class规定元素的类名；3、contenteditable规定是否允许用户编辑内容；4、contextmenu规定元素的上下文菜单；5、dir元素中内容的文本方向。本教程操作环境：windows7系统、html5版，DELL G3电脑，该方法适用于所有品牌电脑。textarea属性有：标签定义多行的文本输入控件。文本区中可容...
Textarea的常用属性&thymeleaf
HBR666_的博客
04-14 1372
项目写的好累，头懵的快炸了。
html input（或textarea） placeholder color 设置
weixin_33828101的博客
09-11 254
为什么80%的码农都做不了架构师？>>> ...
textarea属性使用指南
anly
12-28 4239
１）textarea标签是成对出现的,以开始,以结束 属性: Common -- 一般属性 cols -- 多行输入域的列数 rows -- 多行输入域的行数 alt -- 代表表单的提示文字,当鼠标停留时 accesskey -- 表单的快捷键访问方式 disabled -- 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用 readonly -- ...
HTML5 Form表单：<TEXTAREA>标签的升级与应用
在HTML5的新特性中，<TEXTAREA>标签得到了改进，例如支持`placeholder`属性，该属性会在用户还未输入内容时显示提示文本。此外，表单控件的验证功能也更加丰富，如`required`属性可以确保用户必须填写该字段，`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值