(急！！高分求助)onload和输入框，两个问题

1.现在要用Onload实现这样的功能，我有一个按钮
-------------------------------
<input type="submit" name="x"/> 
-------------------------------
现在是 按下 状态 但是在页面刷新后就会变成弹起状态 我想让页面刷新后按钮依然在按下状态，JS怎么写？]
2.关于输入框，我有一个输入框的长度是固定的，但是里面可以写入很多内容，我想实现这样的效果：当写入的内容长度超过输入框的长度时，就把这个输入框加长，以便查看写入的内容，该怎么写？麻烦各位大侠写清楚点，我新手给高分啊[img=http://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/003/onion/3.gif][/img

解决方案 »

  1.   

    1、搞了怎么久web。还不知道按钮还可以设置 按下状态 我只知道 是否显示 是否可见 是否启用！！！2、js 只能获取输入字符串的字符个数 ，可以计算出字节数！
    但是 文本框长度，通常是像素！！！ js 是实现不了 字节数 转 像素的！
      

  2.   

    <input class="className1" onclick="this.ClassName='className2'" type="button">
      

  3.   

    你的需求好像有问题。
    第一个，按钮没有按下状态。想要按下的效果可以考虑换成图片实现效果。
    第二个，不知道你想要输入呢还是只是显示。
    输入的话不可能无限输入url是有长度限制的；多行文本输入应该用<textarea>并限制长度。
    如果只是为了显示的话，如果文本框过长会影响页面的布局。你要的效果就算实现了也会有问题，建议你换个思路。比如字符截断、用div层显示等。
      

  4.   

    在response里加上按钮状态的标识，页面根据不同的标识显示不同的状态图片就可以了
      

  5.   

    那个文本框那个不是有个 with 吗  让文本框的with跟随输入内容的长度变化可以吗？ 然后按回车或者鼠标移开后 文本框长度就回复原始值？还有关于那个按钮的问题，我当前选中的是这个按钮，我想刷新页面后依然是这个状态，貌似记录一个cookie值可以记录来使用，大侠们啊。
    跪求解决方法啊
      

  6.   

    大侠啊 ， 我要的就是单行文本输入， 照你说的，字符截断，div层显示要该怎么写啊？response那个杂整嘛，我可是白痴啊，
    您给我写个例子吧
      

  7.   

    大侠啊 ， 我要的就是单行文本输入， 照你说的，字符截断，div层显示要该怎么写啊？response那个杂整嘛，我可是白痴啊，
    您给我写个例子吧
      

  8.   


    function onclick(){
    document.getElementsByName("x").className="图片2的样式class";}<input name="x" onclick="onclick()；" type="button">
      

  9.   

    把是否回发保存到 cookie 或者 viewsate 、session 。后台：回发事件： session["postBack"]="true";前台
    <input id='btn' class="className1" onclick="this.ClassName='className2'" type="button">
    var postBack = <%=session["postBack"]==null?"false":session["postBack"].ToString() %>;
    window.onload=function(){
    document.getElementById("btn").className= postBack ?"className2":"className1";
    };
      

  10.   

    用键盘事件，判断字符串长度。然后动态设置input的size即可
      

  11.   

    刚引用错了
    大侠啊 ， 我要的就是单行文本输入， 照你说的，字符截断，div层显示要该怎么写啊？
    response那个杂整嘛，我可是白痴啊，
    您给我写个例子吧
      

  12.   

    写了一个，也不知道适不适合 
    <script>
    function x(){
    var c = document.getElementById("c")
    if (c.value.length>20)
    {
    c.size = c.value.length
    }else{
    c.size = 20
    }
    setTimeout("x()",1)
    }
    window.onload = x;
    </script>
     <body>
    <input type="text" id="c" value="" size="20">
     </body>
      

  13.   

    wwtbless大侠
      一个功能实现了，还有一个功能，就是当光标移开的时候，文本框回复原来的大小， 因为怒这样的话这样会破坏整体页面布局
      

  14.   

    wwtbless大侠 我测试了下 输入英文和数字的时候正常 输入汉字就不正常了 
      

  15.   

    用div试试吧，
    <div style="border:1px #336600 solid;display:inline" contentEditable=true>asdas中国dasda</div>
      

  16.   


    试了，这样的话div必须定义一个最小宽的 min-width 但是firefox不认识
      

  17.   

    <script>function textrest(){
    document.getElementById('a').width=100px;            //宽度还原为100px
    document.getElementById('a').contentEditable=false;//给a一个属性，不可写
    }
    function text(){
    document.getElementById('a').contentEditable=true;// 给a一个属性为可写入
    }</script>
    ------------------------------------------------------------
    <style type="text/css">
    <!--
    #a {
    min-width: 100px;
    min-high: 20px;
    border:1px #336600  solid;
    display:inline;
    }
    -->
    ----------------------------------------------------------------
    <body>
        <div  style="border:1px #336600  solid;display:inline" id="a"  onmouseover="text()" onmouseout=""="textrest()">在这里输入：    </div>  //当onmouseover的时候响应事件  当onmouseout的时候响应事件 
    </body>
      

  18.   

    试了 不怎么好用 而且在firefox下minwidth无效