1、先新建一个html文件，命名为test.html。
2、在test.html文件内，使用input标签创建一个输入框，并设置其value属性值为“默认值”。
3、在test.html文件内，设置input标签的id为myinput，主要用于下面通过该id获得input对象。
4、在test.html文件内，给input标签绑定失去焦点事件onblur，当失去焦点时，执行lost()函数；给input标签绑定获得焦点事件onfocus，当获得焦点时，执行getfoucs()函数。
5、在js标签内，创建lost()函数，在函数内，通过getElementById（）方法获得input对象，使用value获得input的值，通过if判断，如果value值为空时，设置input的默认值为“默认值”。
6、在js标签内，创建getfoucs()函数，在函数内，通过getElementById（）方法获得input对象，使用value获得input的值，通过if判断，如果value值等于“默认值”，设置input的默认值为空。
7、最后在浏览器打开test.html文件，查看实现的效果。
没有焦点时就是正常的书写css代码有焦点时就用伪元素：focus 来控制样式好了
或者使用jquery中的focus()和blur()方法
当元素获得焦点时，发生 focus 事件。
当元素失去焦点时，发生 blur 事件
一般 做法 就是强制现在50个字符啊，超过就不能输入了仅供参考
function strLenCalc(obj, checklen, maxlen) {
var v = obj.val(), charlen = 0, maxlen = !maxlen ? 2000 : maxlen, curlen = maxlen, len = v.length
if(v !='')
$('#sub').trigger('click')
for(var i = 0i <v.lengthi++) {
if(v.charCodeAt(i) <0 || v.charCodeAt(i) >255) {
curlen -= 1
}
}
if(curlen >= len) {
$("#"+checklen).html("还可输入 <strong class=\"lans\">"+Math.floor((curlen-len)/2)+"</strong>个字").css('color', '')
$("#subBtn").removeAttr("disabled")
} else {
$("#"+checklen).html("已经超过 <strong class=\"lans\">"+Math.ceil((len-curlen)/2)+"</strong>个字").css('color', '#FF0000')
$("#subBtn").attr("disabled", "disabled")
}
}
