大家来看看小弟我的有关问题，很纠结啊奉献自己所有积分
日期：2014-05-16 浏览次数：20460 次
大家来看看我的问题，很纠结啊，奉献自己所有积分。
大概实现如下功能，在一个输入框中输入字符，并将输入的字符显示在页面中的一个位置。现需要：在输入下划线"_"时候使用输入框代替下划线，并且能够计算下划线的个数来设置输入框的长度，输入下划线的数量和连续的个数不限，例如：姓名：____,年龄：______，希望各位大神能够帮帮小弟，感激不尽！
------解决方案--------------------
------解决方案--------------------
汗~~手误。。。。少打了个width
<input type="input" style="width:80px">
------解决方案--------------------
<!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>Untitled Document</title>
</head>
<body>
<input type="text" name="inputName" id="inputId" value=""/>
<input type="button" name="点击提交" id="btnId" />
<div id="xianShi">
</div>
<script type="text/javascript">
document.getElementById("btnId").onclick = function() {
var str = document.getElementById("inputId").value;
str=str.replace(/_/g,"<input type=\"text\" name=\"\" id=\"\" value=\"\"/>");
document.getElementById("xianShi").innerHTML = str;
}
</script>
</body>
</html>
测试通过，代码自己优化吧
------解决方案--------------------
<!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>Untitled Document</title>
</head>
<body>
<input type="text" name="inputName" id="inputId" value=""/>
<input type="button" name="点击提交" id="btnId" />
<div id="xianShi">
</div>
<script type="text/javascript">
document.getElementById("btnId").onclick = function() {
var str = document.getElementById("inputId").value;
str=str.replace(/_/g,"<input type=\"text\" name=\"\" id=\"\" value=\"\"/>");
document.getElementById("xianShi").innerHTML = str;
}
</script>
</body>
</html>
------解决方案--------------------
少发了个测试的输入框了。。。。
大概实现如下功能，在一个输入框中输入字符，并将输入的字符显示在页面中的一个位置。现需要：在输入下划线"_"时候使用输入框代替下划线，并且能够计算下划线的个数来设置输入框的长度，输入下划线的数量和连续的个数不限，例如：姓名：____,年龄：______，希望各位大神能够帮帮小弟，感激不尽！
------解决方案--------------------
------解决方案--------------------
汗~~手误。。。。少打了个width
<input type="input" style="width:80px">
------解决方案--------------------
<!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>Untitled Document</title>
</head>
<body>
<input type="text" name="inputName" id="inputId" value=""/>
<input type="button" name="点击提交" id="btnId" />
<div id="xianShi">
</div>
<script type="text/javascript">
document.getElementById("btnId").onclick = function() {
var str = document.getElementById("inputId").value;
str=str.replace(/_/g,"<input type=\"text\" name=\"\" id=\"\" value=\"\"/>");
document.getElementById("xianShi").innerHTML = str;
}
</script>
</body>
</html>
测试通过，代码自己优化吧
------解决方案--------------------
<!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>Untitled Document</title>
</head>
<body>
<input type="text" name="inputName" id="inputId" value=""/>
<input type="button" name="点击提交" id="btnId" />
<div id="xianShi">
</div>
<script type="text/javascript">
document.getElementById("btnId").onclick = function() {
var str = document.getElementById("inputId").value;
str=str.replace(/_/g,"<input type=\"text\" name=\"\" id=\"\" value=\"\"/>");
document.getElementById("xianShi").innerHTML = str;
}
</script>
</body>
</html>
------解决方案--------------------
少发了个测试的输入框了。。。。
- HTML code
输入框：<input type="text" id="temp" value="" onkeyup="CreateFormTemplates()" />
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
