简单表单效果如何写-JavaSript-爱易网页

简单表单效果如何写

日期：2014-05-16　浏览次数：20334 次

简单表单效果怎么写？
我想用js实现这个效果，

张三这个是一个用户自己写的名字，然后直接点击这个文本修改，点击文本出现input输入框，values值保持为张三，就可以。

var mymes=myp.innerText;
var chang_mes="<input type='text' value='"+mymes+"' />";

我自己写的点击一次文本可以出现输入框，但是多次点击出现各种问题，，

还有，上面出现input的时候，value获取当前文本值，红色的是什么意思啊，我知道这样写才可以获取到文本值，但是这样写是什么意思哦，，，，没见过
value="mymes"
这样写好像不能获取到mymes的值，直接就是mymes

JavaScript input

------解决方案--------------------
字符串和变量连接，不要对变量使用引号
------解决方案--------------------

引用:

谢谢，后面的问题我懂了，。，

那么如何实现点击变为修改呢，我自己写的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript">

function changevalue(){
var myp=document.getElementById("myp");
var mymes=myp.innerTeHTML;
var chang_mes="<input type='text' value='"+mymes+"' />";
myp.innerHTML=chang_mes;
}
</script>
</head>

<body>
<div id="myp" onclick="changevalue()">成都市高新区</div>
</body>
</html>

多次点击出现问题，，

function changevalue(){
var myp=document.getElementById("myp");
var mymes=myp.innerHTML;
var chang_mes="<input type='text' value='"+mymes+"' />";
myp.innerHTML=chang_mes;
}

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

简单表单效果如何写

相关资料更多>

推荐阅读更多>