表单常用收集

最新推荐文章于 2024-04-26 16:47:03 发布

FutureInHands

最新推荐文章于 2024-04-26 16:47:03 发布

阅读量2.2k

点赞数

分类专栏：技术类文章文章标签： javascript byte null behavior 输入法 action

技术类文章专栏收录该内容

77 篇文章 0 订阅

订阅专栏

表单常用收集

作者：不详来源：本站整理发布时间：2007-2-10 11:40:59

1.只能是写限定的东西

ENTER键可以让光标移到下一个输入框
<input οnkeydοwn="if(event.keyCode==13)event.keyCode=9" > <br>
只能是中文<input οnkeyup="value=value.replace(/[ -~]/g,’’)" οnkeydοwn="if(event.keyCode==13)event.keyCode=9"> <br>
只能是英文和数字.屏蔽了输入法<input style="ime-mode:disabled" οnkeydοwn="if(event.keyCode==13)event.keyCode=9"> <br>
只能输入英文和数字<input οnkeyup="value=value.replace(/[/W]/g,’’) "onbeforepaste="clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^/d]/g,’’))" οnkeydοwn="if(event.keyCode==13)event.keyCode=9"> <br>
只能是数字<input οnkeyup="value=value.replace(/[^/d]/g,’’) "onbeforepaste="clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^/d]/g,’’))"><br>
只能显示，不能修改的文本框<input readOnly value="只能显示，不能修改">

2.注册阅读时间等待按钮

<form action="http://www.k0513.com/" method="post" name="agree">
欢迎注册启东信息港：
条款若干........
<input type="submit" value="请认真查看<服务条款和声明> (15)" name="agreeb">
</form>
<SCRIPT language=javascript>

</SCRIPT>

3.用#default#savehistory防止后退清空text文本框：

<HTML>
<HEAD>
<META NAME="save" CONTENT="history">
<STYLE>
.saveHistory {behavior:url(#default#savehistory);}
</STYLE>
</HEAD>
<BODY>
<INPUT class=saveHistory type=text id=oPersistInput>
<input type=button οnclick=’javascript:location.href="http://www.k0513.com/"’ value=’点击进入,再按后退键试试？’>
</BODY>
</HTML>

4.TEXTAREA文本区域自适应文字行数的多少

5.下拉列表打开窗口

<select onChange="if(this.selectedIndex && this.selectedIndex!=0){window.open(this.value);}this.selectedIndex=0;">
<option selected>友情链接……</option>
<option value="http://www.k0513.com">启东信息港</option>
<option value="http://www.qidongdesign.com/">启东设计</option>
<option value=http://url.k0513.com>启东网址导航 </option>
</select>

6.文本框的增加/减少

<form name="cnbruce">
<textarea name="com">
</textarea>
</form>
<SPAN title=’放大输入框’ style=’FONT-SIZE: 12px; CURSOR: hand’ οnclick=document.cnbruce.com.rows+=4>增加</SPAN>
<SPAN title=’缩小输入框’ style=’FONT-SIZE: 12px; CURSOR: hand’ class=’arrow’ οnclick=’if(document.cnbruce.com.rows>=4)document.cnbruce.com.rows-=4;else return false’>缩小</SPAN>

7.动态添加、删除

<form name="myForm" method="post">
<select name="dept_company" size="10" multiple id="dept_company" class="mySelect">
     <option value="">Please Select...</option>
     <option value="a">AA</option>
     <option value="b">BB</option>
     <option value="c">CC</option>
    </select><input name="dept_company_list" type="hidden">
    <input name="button" type="button" class="myButton" onClick="addItem(’dept_company’,’dept_company2’)" value="添加-->>">
    <input name="button" type="button" class="myButton" onClick="deleteItem(’dept_company2’,’dept_company’)" value="<<--删除">
    <select name="dept_company2" size="10" multiple id="dept_company2" class="mySelect">
    </select>
</form>
<script>
function addItem(fromName,toName){
    eval("var obj1=myForm."+fromName);
    eval("var obj2=myForm."+toName);
    obj1.options[0].selected=false;
    if(obj1.selectedIndex == -1)
        return false;
    var tempValue;
    var tempText;
    for(var i=1;i<obj1.length;i++){ //begin from 1
        if(obj1.selectedIndex == -1)break;
        tempValue=obj1.options[obj1.selectedIndex].value;
        tempText=obj1.options[obj1.selectedIndex].text;
        obj1.options[obj1.selectedIndex]=null;
        obj2.add(new Option(tempText,tempValue),0);
    }
}
function deleteItem(fromName,toName){
    eval("var obj1=myForm."+fromName);
    eval("var obj2=myForm."+toName);
    if(obj1.selectedIndex == -1)
        return false;
    var tempValue;
    var tempText;
    for(var i=0;i<obj1.length;i++){ //begin from 0
        if(obj1.selectedIndex == -1)break;
        tempValue=obj1.options[obj1.selectedIndex].value;
        tempText=obj1.options[obj1.selectedIndex].text;
        obj1.options[obj1.selectedIndex]=null;
        obj2.add(new Option(tempText,tempValue),1); //addItem index is 1
    }
}
</script>

8.提示限制输入的字符数