javascript - input这个提示怎么改变字体？变成那种淡淡的，不这么生硬的？

Question

<input name="account" type="text" value="请输入由字母组成的账号名" size="30" onfocus="fn_focus(this);" onblur="fn_blur(this);">

类似于

function fn_focus(ele){
if(ele.value == ele.defaultValue){
ele.value = '';
} else{
ele.style="color:#FF0000";
}
}
function fn_blur(ele){
var reg = /^[s]*$/;
if(reg.test(ele.value) || ele.value == ele.defaultValue){
ele.value = ele.defaultValue;
} else{
ele.style="color:#FF0000";
}
}

Answer 1

把默认的input背景和边框样式去掉，然后写自己的样式就行了。

input {
    background: none;
    border: none;
    font-size: 20px;
    border: 1px solid #ccc;
    font-family: '微软雅黑';
    ... ...
}

Answer 2

不是用value做提示……而是placeholder

Answer 3

里面字应该写在placeholder,改变字体的颜色input[placeholder]里面写样式

Answer 4

<input type="text" placeholder="请输入用户名" "value="">