一些页面表单特效

是一个特殊的容器，想装个网页都行(冒似火狐不好使，谷歌，IE都没有问题)
<button><iframe src="http://www.google.com/"></iframe></button>


背景透明
<input type="button" value="Button" style="background-color: transparent; border: 0;">


让下拉框自动下拉
<select οnmοuseοver="javascript:this.size=this.length"
οnmοuseοut="javascript:this.size=1">
<option value="">
1
</option>
<option value="">
2
</option>
<option value="">
3
</option>
</select>


滚动条滚动至最下端
<button οnclick="text1.scrollTop=text1.scrollHeight">
Scroll
</button>
<br>
<textarea id="text1" cols=50 rows=10>
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
</textarea>




显示带边框的集
<fieldset style="border: 1px gray solid; width: 100px">
<legend>
查询条件
</legend>
dfdfdf
</fieldset>


给下拉框分组
<SELECT>
<OPTGROUP LABEL="碱性金属">
<OPTION>
锂 (Li)
</OPTION>
<OPTION>
纳 (Na)
</OPTION>
<OPTION>
钾 (K)
</OPTION>
</OPTGROUP>
<OPTGROUP LABEL="卤素">
<OPTION>
氟 (F)
</OPTION>
<OPTION>
氯 (Cl)
</OPTION>
<OPTION>
溴 (Br)
</OPTION>
</OPTGROUP>
</SELECT>


能输入的下拉框(火狐不可输入)
<span>
<input name="Department1" id="Department1" style=" border-right:0;width:130" autocomplete="off">
<span style="width:150;overflow:hidden">
<select  style="width:150;margin-left:-130" onChange="Department1.value=value"> 
<option value=""></option>
<option value="asdfasfadf">asdfasfadf</option>
<option value="546546">546546</option></select>

鼠标进入输入框时，输入框内字体被选中
<input type="text" name="key" size="12" value="关键字"

onFocus=this.select() onMouseOver=this.focus() class="line">

屏蔽按键 

function  document.onkeydown()   
{
// alert("ASCII代码是："+event.keyCode);   
      if   ((window.event.altKey)&&   
              ((window.event.keyCode==37)||       //屏蔽   Alt+   方向键   ←   
                (window.event.keyCode==39))){     //屏蔽   Alt+   方向键   →   
            //alert("不准你使用ALT+方向键前进或后退网页！");   
            event.returnValue=false;   
            }   
      if   (  
              (event.keyCode==114)||  
              (event.ctrlKey   &&   event.keyCode==82)){   //Ctrl+R   
            event.keyCode=0;   
            event.returnValue=false;   
            }   
      if   ((event.ctrlKey)&&(event.keyCode==78))       //屏蔽   Ctrl+n   
            event.returnValue=false;   
      if   ((event.shiftKey)&&(event.keyCode==121))   //屏蔽   shift+F10   
            event.returnValue=false;   
      if   (window.event.srcElement.tagName   ==   "A"   &&   window.event.shiftKey)     
              window.event.returnValue   =   false;     //屏蔽   shift   加鼠标左键新开一网页   
      if   ((window.event.altKey)&&(window.event.keyCode==115)){   //屏蔽Alt+F4   
              window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");   
              return   false;}
      if(event.keyCode==117){ //F6
      event.keyCode=0;   
          event.returnValue=false;   
      }  
      if(event.keyCode==27){ //ESC退出系统
logout();
      event.keyCode=0;   
          event.returnValue=false;   
      }
       if(event.keyCode==112){ //F1最小化
     window.blur();
   event.keyCode=0;   
     event.returnValue=false;   
      }
      if(event.keyCode==113)  {//F2盲选任务
    F2GetTask();
 }
      if(event.keyCode==116){ //F5刷新
       window.setTimeout("ref()",1000);
   event.keyCode=0;   
     event.returnValue=false;   
      } 
       if(event.keyCode==123){ //F12刷新
     alert('帮助手册正在编写中，此功能暂时不能使用');
   event.keyCode=0;   
     event.returnValue=false;   
      } 
}
//F1
function   document.onhelp(){   
return   false;   
} 

//右键
function  document.oncontextmenu(){
event.returnValue=false;
}

左右切换

function switchSysBar(){ 
var tabpanel=window.I2.getTabs();
var allWith=document.body.clientWidth;
if (document.getElementById("left_menu").style.display=="none")
{ 
 document.getElementById("check_img").alt = "关闭左栏";
 document.getElementById("check_img").src = "/BSS/model/system/images/btn_check.gif";
 document.getElementById("left_menu").style.display="";
 tabpanel.setWidth(allWith-201);
} 
else
{ 
 document.getElementById("check_img").alt = "打开左栏";
 document.getElementById("check_img").src = "/BSS/model/system/images/btn_check2.gif";
 document.getElementById("left_menu").style.display="none"; 
 tabpanel.setWidth(allWith);
} 
 }

html的dl标签

<dl>
   <dt>计算机</dt>
   <dd>用来计算的仪器 ... ...</dd>
   <dt>显示器</dt>
   <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>

----->显示效果：

计算机

用来计算的仪器 ... ...

显示器

以视觉方式显示信息的装置 ... ...

只能输入数字

function onlyNumber(){
var keyCode = window.event.keyCode;
if(keyCode < 48 || keyCode > 57) {
    window.event.returnValue = false;
} else {
window.event.returnValue = true;
} 
}