利用伪类组合,可以用css代替js以达到目的,少些一下js
.textarea:empty:before {
display: block;
content: '请输入';
color: #ababab;
font-size: 15px;
text-align: left;
}
//表示:当textarea元素为空时即没有输入时,有“请输入”这句提示语显示
.textarea:focus:before {
display: none;
}
//当textarea元素聚焦时,刚刚用before伪类加的“请输入”就会隐藏
.textarea:empty:after {
content: '请认真填写。';
color: #ababab;
font-size: 11px;
text-align: left;
}
.textarea:focus:focus {
display: none;
}
first-child:after
.order:empty+.a {
display: block;
}
//order元素为空时,它下面的那个元素a显示