如何为<textarea>标签设置placeholder属性?排查设置失败问题
解决textarea placeholder不生效的问题
你的代码里有两个导致placeholder不生效的问题:
- textarea标签内存在空白字符:
<textarea>和</textarea>之间有空格,浏览器会把这些空白字符视为文本内容,占位符只有在textarea完全为空时才会显示,所以被覆盖了。 - cols属性写法不规范:
cols=100%没有加双引号,虽然部分浏览器兼容,但不符合HTML规范,可能引发潜在解析问题。
修正后的代码
<textarea name="eduinfo" id="eduinfo" cols="100%" rows="10" placeholder="Write about your academic result eg. Math A , Science A, BM and etc (Please provide mininum subjects )"></textarea> </div>
核心修正点:把<textarea>和</textarea>之间的空格完全去掉,让标签内部彻底为空;给cols属性加上双引号,保证语法规范。
内容的提问来源于stack exchange,提问作者Yaw Kean Huat
相关产品推荐
相关产品推荐

