相信自己!

            BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理 ::
            26 隨筆 :: 3 文章 :: 13 評論 :: 0 Trackbacks

          輸入框景背景透明:
          <input style="background:transparent;border:1px solid #ffffff">

          鼠標劃過輸入框,輸入框背景色變色:
          <INPUT value="Type here" NAME="user_pass" TYPE="text" SIZE="29" onmouseover="this.style.borderColor='black';this.style.backgroundColor='plum'"
          style="width: 106; height: 21"
          onmouseout="this.style.borderColor='black';this.style.backgroundColor='#ffffff'" style="border-width:1px;border-color=black">

          輸入字時輸入框邊框閃爍(邊框為小方型):
          <Script Language="JavaScript">
          function borderColor(){
          if(self['oText'].style.borderColor=='red'){
          self['oText'].style.borderColor = 'yellow';
          }else{
          self['oText'].style.borderColor = 'red';
          }
          oTime = setTimeout('borderColor()',400);
          }
          </Script>
          <input type="text" id="oText" style="border:5px dotted red;color:red" onfocus="borderColor(this);" onblur="clearTimeout(oTime);">

          輸入字時輸入框邊框閃爍(邊框為虛線):
          <style>
          #oText{border:1px dotted #ff0000;ryo:expression(onfocus=function light (){with(document.all.oText){style.borderColor=(style.borderColor=="#ffee00"?"#ff0000":"#ffee00");timer=setTimeout(light,500);}},onblur=function(){this.style.borderColor="#ff0000";clearTimeout(timer)})};
          </style>
          <input type="text" id="oText">

          自動橫向廷伸的輸入框:
          <input type="text" style="huerreson:expression(this.width=this.scrollWidth)" value="abcdefghijk">

          自動向下廷伸的文本框:
          <textarea name="content" rows="6" cols="80" onpropertychange="if(this.scrollHeight>80) this.style.posHeight=this.scrollHeight+5">輸入幾個回車試試</textarea>

          只有下劃線的文本框:
          <input style="border:0;border-bottom:1 solid black;background:;">

          軟件序列號式的輸入框:
          <script for="T" event="onkeyup">
          if(value.length==3)document.all[event.srcElement.sourceIndex+1].select();
          </script>
          <input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T7" size="5" maxlength="3">

          軟件序列號式的輸入框(完整版):
          <script for="T" event="onkeyup">if(value.length==maxLength)document.all[event.srcElement.sourceIndex+1].focus();</script>
          <script for="T" event="onfocus">select();</script>
          <script for="Submit" event="onclick">
          var sn=new Array();
          for(i=0;i<T.length;i++)
          sn=T.value;
          alert(sn.join("—"));
          </script>
          <input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">
          <input type="submit" name="Submit">

          posted on 2007-11-10 16:17 北極雪 閱讀(19346) 評論(1)  編輯  收藏 所屬分類: css

          評論

          # 讓他讓 2011-06-22 17:55 圓通他
          射手的 而非而非 好而非而非額發而非  回復  更多評論
            


          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 湘乡市| 容城县| 罗城| 杨浦区| 咸宁市| 社会| 喀喇沁旗| 常德市| 铜陵市| 星子县| 永丰县| 大洼县| 正定县| 拜城县| 增城市| 石台县| 皮山县| 嘉义县| 宝兴县| 东台市| 叶城县| 富阳市| 茶陵县| 军事| 镇赉县| 阆中市| 夏河县| 通化市| 屯门区| 太湖县| 襄城县| 青神县| 永昌县| 马公市| 女性| 陇南市| 个旧市| 邛崃市| 富平县| 吴川市| 安乡县|