<input type="password" name="info[password]" id="password3" class="list-input" onblur="if(this.value==''){this.value=' 6 ～ 20 桁のパスワードを入力してください';}" onfocus="if(this.value=='6 ～ 20 桁のパスワードを入力してください'){this.value='';}" value="6 を入力してください-20 桁のパスワード Password" placeholder="6 ～ 20 桁のパスワードを入力してください"/>
この文がデフォルトで表示されるようになりました... 入力ボックス上でマウスをクリックすると「6～20桁のパスワードを入力してください」と表示されます。デフォルトで「6～20桁のパスワードを入力してください」と表示され、入力後...
になるようにするにはどうすればよいですか?
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
你乱七八糟的属性写了一堆，唯独没写placeholder。。。
placeholder="请输入6-20位密码" ， 把这个加到input中去
你用js赋值给vulue当然会被显示为*了，可以尝试在input标签加上placeholder
新版浏览器都支持placeholder，再设置css属性使文字灰色，不至于太黑。
使用placeholder
如果不需要考虑IE下的兼容性问题，那么最简单的办法就是placeholder
但是placeholder属性兼容性最高到IE10
所以如果需要考虑兼容IE10以下的浏览器的话 建议你看一下一个插件jquery-placeholder
移动端可以兼容，如果pc端，可以下载插件兼容ie8-
下载地址：
链接描述
<input type="password" placeholder="你想显示的默认文字">
最简单的是 placeholder， 但是这个不兼容IE，
兼容性的方式是
写一个 em标签 （位置是 input的兄弟节点） position 绝对定位到输入框输入的位置，
用JS 判断控制是否有 focus/ blur/ keyin 的状态 来确认 em标签是否显示