HTML输入框怎么输入后变成文本
展开全部
HTML输入框输入后变成文本是通过输入后失去焦点，更改为label嵌套input来实现的。
实现思路：当输入文本后，隐藏input对象，然后把文本内容追加到label标签内。
实现代码：
1、html代码：
<!DOCTYPE
html>
<html>
<head>
<script
src="jquery-1.8.3.min.js"/>
</head>
<body>
<label>
<input
type="text"
name="输入后消失"
id="input1"/>
</label>
</body>
</html>
2、js代码：
$(document).ready(function(){
$("#input1").blur(function(){
$(this).hide();
$(this).parent().html($(this).val());
});
});
3、显示效果如下：
输入文字：
显示结果：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
