HTML输入框输入后变成文本是通过输入后失去焦点，更改为label嵌套input来实现的。
实现思路：当输入文本后，隐藏input对象，然后把文本内容追加到label标签内。
实现代码：
1、html代码：
html>
src="jquery-1.8.3.min.js"/>
2、js代码：
$(document).ready(function(){
$("#input1").blur(function(){
$(this).hide();
$(this).parent().html($(this).val());
});
});
3、显示效果如下：
输入文字：
显示结果：
