textarea 属性placeholder

最新推荐文章于 2025-03-05 17:02:45 发布
最新推荐文章于 2025-03-05 17:02:45 发布
阅读量1.8k 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhang1027963459/article/details/50608357
在使用AngularJS的textarea元素时，遇到placeholder属性未生效的问题，通过将ng-model绑定为空字符串来解决，同时探讨了placeholder属性的兼容性问题及光标定位的变化。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

出现placeholder属性没反应的情况 后来给textarea  绑定了ng-model  后  就好了  目前不知道原因  后续在研究  另外textarea  属性placeholder 好像有很多兼容性问题

另外在没有绑定ng-model是 光标位置用鼠标可以随意定位 绑定之后 就不会  原因是绑定的ng-model是空字符串（习惯性绑定空的不空也没事），这样光标就会定位到字符串最后面，空的时候看起来就是第一个位置了

nanning_zhang
关注
微信小程序 - ＜textarea＞ 多行文本输入框 placeholder 属性换行显示文字（样式修改的详细教程）
资深程序员
10-20 9867
解决微信小程序input框placeholder换行textarea，wechat小程序textarea的placeholder如何换行，vant-weapp组件库Field输入框组件van-field的placehold怎么换行？,微信小程序中如何设置textarea中的placeholder换行显示，cssinput输入框placeholder样式的修改，怎么让textarea的灰色placeholder换行显示描述呢，微信小程序-textarea多行文本输入框placehol
iOS textarea标签 placeholder多行时被隐藏，收起键盘又显示
yujin0213的博客
09-17 1664
问题描述 如下图所示，项目里用到了textarea及其placeholder属性。在iOS上输入文字后删除，placeholder文字被隐藏了，只能显示一行，收起键盘后又能正常显示 原因 未知 解决方案 1、思路 动态设置标签的placeholder属性，获取输入框的值，当输入框的值为空时显示placeholder，不为空时不显示 2、具体代码 我的项目是用react写的，所以下面代码实现也是r...
textarea 元素的 placeholder 属性不显示
weixin_30919429的博客
02-23 200
<textarea> 标签定义多行的文本输入控件。 placeholder：描述文本区域预期值的简短提示。 textarea 的 placeholder 属性值不显示的原因可能是 <textarea>与</textarea> 之间存在空格或者换行 上图写法效果对应下图 textarea扩展： 　　textarea 默认是可以拉...
textarea文本框的placeholder文字换行
个人博客
01-13 6832
textarea文本框的placeholder文字换行一、问题描述二、原生实现三、vue中实现 一、问题描述 textarea为前端常用的文本输入框，有时候需要placeholder的文字提示更加友好，那样提示文字可能就需要换行。 二、原生实现 原生textarea的实现方式如下： <textarea rows="6" style="width: 300px;padding: 0;" placeholder="标题&#10;正文&#10;结尾" > </textar
textarea不显示placeholder的内容
miemiem_的博客
10-19 771
原因：textarea开始标签和闭合标签之间有换行或者空格。
vue + el-input 中 textarea 实现 placeholder 换行
06-14
在这个场景下，我们可能会遇到一个需求：如何在`el-input`的`textarea`部分实现placeholder的换行，以提供更清晰的提示信息。 首先，让我们理解`placeholder`属性。在HTML中，`placeholder`属性用于设置输入框或...
用CSS实现textArea中的placeholder换行功能
09-25
但是，原生的placeholder属性并不支持换行显示，也就是说，开发者不能直接通过placeholder属性实现文本框中的提示文本换行。 这一限制常常使得开发者在需要展示更多信息量的提示文本时感到不便。通常的做法是使用...
jquery实现（textarea）placeholder自动换行
10-20
`placeholder` 属性在 `textarea` 中的作用是提供一个提示性的文字，通常显示在文本区域内部，用户输入时会自动消失。然而，原生的 `placeholder` 属性并不支持文本的自动换行。因此，如果想要在 `textarea` 的 `...
textarea 标签的placehold不起作用
过客的博客
12-16 1146
1.textarea 标签的placehold不起作用 是因为和textarea>之间有空格
全兼容input/textarea标签的placeholder属性JS插件
12-15
该插件完整兼容placeholder属性。插件由原生JS编写，无需任何其他插件支持，并且使用简单，只需一行JS调用即可。 博客地址：http://blog.csdn.net/qq_17076445/article/details/78212240
textarea文本编辑框placeholder自动换行显示
风如白话的博客
05-19 1983
第一反应是直接在placeholder属性值里输入\n换行，如： <textarea rows="5" cols="50" placeholder="1、textarea\n2、success"></textarea> 浏览器直接输出了它，类似地输入<br/>也行不通 解决方法是换成&#10; <textarea rows="5" cols="50" placeholder="1、textarea &#10;2、success"></t
textarea placeholder样式设置_Web前端开发(19)——Bootstrap样式
weixin_39541121的博客
12-16 1376
Bootstrap样式Bootstrap的样式有很多，在使用文档里介绍的非常的详细，我在这里介绍几个比较常见的供大家参考：全局样式①按钮有关按钮Bootstrap定义了许多常用的样式，我们可以通过设置class的属性值进行调用，比如：<buttontype="button"class="btnbtn-default">(默认样式)Defaultbutton>&lt...
关于小程序中textarea 中placeholder滚动和穿透填坑
kirinlau的专栏
05-15 9440
小程序中的textarea一直是个坑，使用的是原生的textarea组件，其优先级，官方也没有给出明确的解决方案或者替代品，而且原生组件在开发时有一定的限制。具体可参考： https://developers.weixin.qq.com/miniprogram/dev/component/native-component.html 我在小程序开发中，产品是在屏幕底栏有一个fix定位的操作栏，其中...
让textArea的placeholder垂直居中，输入文字时不会居中
weixin_30321709的博客
06-24 1332
<style> #textArea { color: white; height: 50px; } #textArea::-webkit-input-placeholder{ height: 50px;line-height: 50px } /* 使用webkit内核的浏览器 */ #...
elementUI 修改全局 input或textarea的placeholder的字体颜色及hover样式
最新发布
hxm2017jy的博客
03-05 475
elementUI
textarea 为什么placeholder不生效
paopao_pop的博客
04-26 1497
最近也是写JQ的项目，遇到好多的小坑，这也是有遇到一个，placeholder不生效的问题，代码如下： <textarea placeholder="请输入相关内容" id="contents" rows="10" maxlength="2000" onchange="sizecontrol()" onkeydown="sizecontrol()" onkeyup="sizecontrol()" > </textarea> 看起来没啥问题，但是原生属性placeholder
html textarea 垂直居中,如何让textarea placeholder 文字垂直居中
weixin_29638241的博客
07-03 1929
Document#textArea {color: white;height: 50px;}#textArea::-webkit-input-placeholder{height: 50px;line-height: 50px} /* 使用webkit内核的浏览器 */#textArea:-moz-placeholder{height: 50px;line-height: 50px} ...
为啥textarea 中的 placeholder不显示
热门推荐
05-16 1万+
为啥textarea中的  placeholder 不显示，请看一下两段 textarea id="zxmlZIPDesc" placeholder="请输入文件描述" style="width:100%;height:50px;resize: none;">textarea> textarea id="zxmlZIPDesc" placeholder="请输入文件描述" st
textarea placeholder右对其
05-27
您可以使用CSS来实现textarea placeholder右对齐的效果。具体步骤如下： 1. 定义一个class，用于控制textarea中的placeholder样式： ```css .textarea-placeholder { color: #999; text-align: right; } ``` 2. 在HTML中，添加一个textarea元素，并添加class和placeholder属性： ```html <textarea class="textarea-placeholder" placeholder="请输入内容"></textarea> ``` 3. 使用CSS伪类选择器`::placeholder`来修改placeholder的样式： ```css .textarea-placeholder::placeholder { color: #999; text-align: right; } ``` 完整代码如下： ```html <textarea class="textarea-placeholder" placeholder="请输入内容"></textarea> <style> .textarea-placeholder { color: #999; text-align: right; } .textarea-placeholder::placeholder { color: #999; text-align: right; } </style> ``` 通过将placeholder的text-align属性设置为right，可以实现textarea placeholder右对齐的效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值