（二）textarea中placeholder不显示

最近跟着大牛学习搭建接口自动化测试平台，接触到一些前端知识，在学习的过程中遇到了一个问题。
我需要在页面添加一个输入框，输入框默认显示简短的提示文字，但是在我添加好placeholder属性后，运行发现输入框里没有显示提示文字。

{# 添加多行文本框#}<textarea id="tucao_input"cols="45"rows="9"placeholder="匿名吐槽专用，点击‘呸’ 即可怒喷开发者！"style="border-radius: 5px;padding-left: 10px;box-shadow: 4px 4px 9px grey"></textarea>

查看了下官方文档发现placeholder属性有一个会在输入字段为空时显示，并会在字段获得焦点时消失的特点，所以应该将空格去除即可。

{#添加多行文本框#}<textarea id="tucao_input"cols="45"rows="9"placeholder="匿名吐槽专用，点击‘呸’ 即可怒喷开发者！"style="border-radius: 5px;padding-left: 10px;box-shadow: 4px 4px 9px grey"></textarea>

修改完毕后运行，查看页面，提示文字显示出来了。

（二）textarea中placeholder不显示相关推荐

如何修改textarea中placeholder的字体
textarea::-webkit-input-placeholder {/* WebKit browsers *//* placeholder颜色 */color: #ff0000;/* place ...
微信小程序中如何设置textarea或者van-field中的placeholder换行显示
微信小程序中如何设置textarea中的placeholder换行显示 van-field 中直接修改textarea 标签的样式即可 <textarea class="txt_wor ...
textarea中的内容保存与显示时换行符的处理方法
一.基本知识 textarea中,换行符是/r/n,而html中换行符是<br/>. 如果要把textarea中填写的内容显示在页面上,需要在最终显示到页面上时将/r/n替换成<br ...
html的子页面获取自己url,如何从html页面获取url参数并将其显示在textarea中？
我用下面的在我的HTML页面的JavaScript功能,我想没有textarea的任何连接操作正常显示参数....如何从html页面获取url参数并将其显示在textarea中? function g ...
OpenCV+MFC学习笔记（二）：OpenCV二值化处理图像并在Picture Control中并自适应显示
在前面我们已经完成通过OpenCV读取图片在Picture Control中并自适应显示.下面我们很自然的需要对读取的图片进行处理,处理完之后很自然的想到要看看效果.所以今天的笔记是通过OpenCV灰 ...
第2章【思考与练习1】一维数组访问，在subjects数组中选择并显示序号1、2、4门课的名称。二维数组访问，选择并显示scores数组的1、4行。生成由整数10~19组成的2×5的二维数组
P25思考与练习1 1.一维数组访问. 1)在subjects数组中选择并显示序号1.2.4门课的名称,使用倒序索引选择并显示names数组中"方绮雯". 2)选择并显示names ...
Android UI设计——ViewPager中设置底部显示圆点焦点（二）
ViewPager中设置底部显示圆点焦点这种使用其实还是很常见的,对于这个功能的实现其实有很多方式: 1. 通过在显示图片中加入圆点,也就是我们可以直接使用带圆点的图片. 2. 通过在代码中实现这一功 ...
html的textarea标签的文本显示，文本框样式简单设置
html的textarea标签的文本显示,文本框样式简单设置后端传递数据如何在textarea标签的文本框内显示,如下. <textarea id="text" type= ...
[zt]如何用Javascript获得TextArea中的光标位置
小弟最近在写一个在线编辑器,UBB版的,由于没有使用弹出窗口,所以,在添加代码的时候,只能添在TextArea的最后面,无法在光标之前插入,于是在网上疯狂的找资料,工夫不负有心人,终于被我找到了如何获 ...

（二）textarea中placeholder不显示

（二）textarea中placeholder不显示相关推荐

最新文章

热门文章