今天铺页面遇见一个问题textarea中placeholder提示语无法显示在文本框底部问题。今天我就来说说怎么让placeholder提示语出现在文本框底部。
HTML代码：<textarea placeholder="输入的字数不能超过300" class="text"></textarea>
CSS代码：.text{display: block; margin: 100px auto; width: 600px; height: 200px; resize: none;}
正常铺出来的页面提示字会出现在text顶部当我们需要它移动到低部时我们可以通过平移来控制他的位置
这是平移以后的位置
CSS代码：.text::-webkit-input-placeholder{transform:translateY(180px);}
通过transform可以实现提示内容出现在文本框的任意位置
如果有其他的办法欢迎评论