１００分寻求ＪＳ达人解答

第二个问题，document.createElement("label")第一个问题，把一个文本框分为两行你就不要想了，JS毕竟只是JS，不能修改系统原有组件的样式的，不过倒是可以用些变通的方法，比如用两个没有边框的文本框上下叠放，看起来就像一个文本框

解决方案 »

  1.   

    只能遮盖哦，创建个层遮住input的部分。
      

  2.   


    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function $(sId) {return document.getElementById(sId)}
    function change(oInput){
    var oval = $('otxt').value;
    $('otxt').style.display = "none";
    $('os').style.display = "block";
    $('os2').innerHTML = "<font color='red' size='1'><strike>"+ oval + "</strike></font>"}//-->
    </SCRIPT>
    <INPUT TYPE="text" id="otxt" value="aaaa" style="border:1 solid red;height:47px" onclick="change(this)">
    <span id="os" style="border:1 solid red;width:20px;height:10px;display:none" >
    <span id="os2" style="border:0 solid red;height:10px;" ></span>
    <INPUT TYPE="text" id="otxt" style="border:none;height:20px;"></span>
      

  3.   

    s_liangchao1s 　　　　　大概就是这位兄弟演示的效果。　　　但是页面只允许有一个文本框　　　并且不能隐藏任何标签（如果需要，只能在ＪＳ里动态创建　了）　
      

  4.   

    5楼的
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function $(sId) {return document.getElementById(sId)}
    function change(oInput){
        var oval = $('otxt').value;
        $('otxt').style.display = "none";
        $('os').style.display = "block";
        $('os2').innerHTML = "<font color='red' size='1'><strike>"+ oval + "</strike></font>"}//-->
    </SCRIPT>
    <INPUT TYPE="text" id="otxt" value="aaaa" style="border:1 solid red;height:47px" onclick="change(this)">
    <span id="os" style="border:1 solid red;width:20px;height:10px;display:none" >
    <span id="os2" style="border:0 solid red;height:10px;" ></span>
    <INPUT TYPE="text" id="otxt" style="border:none;height:20px;"></span>
      

  5.   

    text的lineheight设置的高一点儿，空隙放个label模拟一下试试
      

  6.   

    ５楼的　大哥　　能否给小弟　重新写一下．　　　　
    只要一个　ＴＥＸＴ　　　并且＜span ＞　　也是在ＪＳ中创建的　　　　　小弟万分感谢啊。　　　　　如解决了　　再开帖子送分
      

  7.   

    10px 11px 12px 13px 
    14px 16px 18px 24px 
    JScriptAssemblyBatchFileC#C/C++CSSHTMLINIFileJavaJScriptLuaMSILDelphi(Pascal)PerlPHPPythonSQLVBVB.NETVBScriptXAMLXML                
                    
                    
                    
                    
     
    IT培训－签合同保证就业 
    『送』千元开发板，嵌入式开发热招！ 
    甲骨文SCM制胜未来战争 
    构建出色多核应用程序 
    港湾学嵌入式进IT名企 
    【网络神采】- 最专业的网络信息采集软件！ 
    财富两千强公司都选甲骨文SOA解决方案 
    JavaEE就业培训仅6800！ 
     
     
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function $(sId) {return document.getElementById(sId)}
    是这样的效果吗？function change(oInput){
    if(!$("input")){
    var div = document.createElement("div");
    var input = document.createElement("input");
    input.type = "text";
    input.id = "input";
    document.body.appendChild(div);
    div.appendChild(input);
    input.value = oInput.value;
    oInput.readOnly = true;
    oInput.style.textDecoration = "line-through";
    oInput.style.color = "#ff0000";
    }
    }//-->
    </SCRIPT>
    <INPUT TYPE="text" id="otxt" value="aaaa" onclick="change(this)">您只能输入 8000 个字符禁用UBB   内容存入剪贴板 回帖是一种美德！传说每天回帖即可获得 10 分可用分！ 连续两周技术区参与者，每周额外可以获得88个可用分 小技巧：教你如何更快获得可用分 
    这里发贴，表示您接受了CSDN社区的 用户行为 准则。
    请您对您的言行负责，并遵守中华人民共和国有关法律、法规,尊重网上道德。  
      

  8.   

    我晕，发错了
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function $(sId) {return document.getElementById(sId)}
    function change(oInput){
    if(!$("input")){
    var div = document.createElement("div");
    var input = document.createElement("input");
    input.type = "text";
    input.id = "input";
    document.body.appendChild(div);
    div.appendChild(input);
    input.value = oInput.value;
    oInput.readOnly = true;
    oInput.style.textDecoration = "line-through";
    oInput.style.color = "#ff0000";
    }
    }//-->
    </SCRIPT>
    <INPUT TYPE="text" id="otxt" value="aaaa" onclick="change(this)">
      

  9.   

    <label for="txtTest">姓名：</label> <input id="txtTest" type="text" value="请在此输入您的姓名" onfocus="this.select()" />
      

  10.   

    使用CSS+JavaScript即可达到理想的效果，下面是代码：<?xml version="1.0" encoding="gb2312"?><html>
    <head><meta http-equiv="content-type" content="text/html; charset=gb2312"/>
    <meta http-equiv="content-script-type" content="text/javascript"/>
    <meta name="Author" content="Langtse.51.net"/><meta name="Description" content=""/>
    <title>表单输入栏的显示与隐藏</title><style id="cssHead" type="text/css">
    <!--
    #divTest{border:1px solid gray;width:200;padding:0px;text-align:right;overflow:hidden;}
    #divTest *{margin:0px;padding:0px;}
    input{border:1px solid white;display:block;width:200px;text-align:center;}.read{/*border:1px solid gray;*/cursor:pointer;}
    .txtread{/*border:1px solid gray;border-bottom:0px solid gray;*/
    color:red;text-decoration:underline;}
    .edit{/*border:1px solid gray;*/
    display:none;cursor:text;}
    .txtedit{/*border:1px solid gray;border-top:0px solid gray;*/
    color:black;text-decoration:none;}
    -->
    </style></head>
    <body><script id="jsBody" type="text/javascript">
    <!--//-->
    </script>
    <form action="" method="get" target="_blank">
    <div class="" id="divTest">
    <input class="read" id="txtr" readonly="1" type="text" value="点击编辑" onClick="doClick(this);"/>
    <input class="edit" id="txte" name="kw" type="text" value="aaaa" onClick="doClick(this);"/>
    </div>
    <input type="submit" value="提交">
    </form>
    <script id="jsFoot" type="text/javascript">
    <!--function $Id(sId){return document.getElementById(sId);}function doClick(htObj)
    {
    this.obj=typeof(htObj)=="object"?htObj:typeof(htObj)=="string"?$Id(htObj):false;
      if(this.obj)
      {
        if(this.obj.id=="txtr")
        {
    this.obj.className="txtread";
    $Id("txte").className="txtedit";
        }
        else if(this.obj.id=="txte")
        {
        }
      }
    }//-->
    </script></body>
    </html>
    演示地址：http://langtse.51.net/csdn/k882c49a.html