表单(FORM)的一些实用效果代码

时间:2021-05-18

限定只能是写限定的东西的代码
ENTER键可以让光标移到下一个输入框:<inputonkeydown="if(event.keyCode==13)event.keyCode=9"><br>
只能是中文:<inputonkeyup="value=value.replace(/[-~]/g,'')"onkeydown="if(event.keyCode==13)event.keyCode=9"><br>
只能是英文和数字.屏蔽了输入法:<inputstyle="ime-mode:disabled"onkeydown="if(event.keyCode==13)event.keyCode=9"><br>
只能输入英文和数字:<inputonkeyup="value=value.replace(/[\W]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"onkeydown="if(event.keyCode==13)event.keyCode=9"><br>
只能是数字<inputonkeyup="value=value.replace(/[^\d]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"><br>
只能显示,不能修改的文本框<inputreadOnlyvalue="只能显示,不能修改">
input中只能输入数字在提交时提示
<scriptlanguage=javascript>
functiononlyNum()
{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)||(event.keyCode==8)))
event.returnValue=false;
}
</script>
<inputonkeydown="onlyNum();">
下拉列表打开窗口选择连接时弹出一个新窗口
<selectonChange="if(this.selectedIndex&&this.selectedIndex!=0){window.open(this.value);}this.selectedIndex=0;">
<optionselected>更多链接……</option>
<optionvalue="https://";>blue!dea
</select>
一个复选框,点击之后一组复选框全部都选上
<inputtype="checkbox"name="checkA"onpropertychange="for(i=0;i<A.children.length;i++){A.children.checked=this.checked}">a
<br>
<spanid="A">
<inputtype="checkbox"name="A1">
<inputtype="checkbox"name="A2">
<inputtype="checkbox"name="A3">
</span>
select里的option进行分类列表
<spanstyle="position:absolute;border:1pxinset#d3d6d9"><selectstyle="margin:-2px;width:200px">
<optionselected>------------请选择------------</option>
<optgrouplabel="JavaScript&VBScript区">
<option>原创
<option>经典
<optgrouplabel="后台区">
<option>asp&sql
<option>php&mysql
</select></span>
提示限制输入的字符数
<scriptlanguage="JavaScript">
<!--
functionSymError()
{
returntrue;
}
window.onerror=SymError;
functionstrlength(str){
varl=str.length;
varn=l
for(vari=0;i<l;i++)
{
if(str.charCodeAt(i)<0||str.charCodeAt(i)>255)n++
}
returnn
}
functionchangebyte(value,length){
varl=strlength(value)
if(l<=length){
if(document.all!=null)document.all("byte").innerText="还可以输入"+(length-l)+"字节"
}
else
{
document.all("byte").innerText="输入字节数超出范围"
}
returntrue
}
functionchangebyte1(value,length){
varl=strlength(value)
if(l<=length){
if(document.all!=null)document.all("byte1").innerText="还可以输入"+(length-l)+"字节"
}
else
{
document.all("byte1").innerText="输入字节数超出范围"
}
returntrue
}
functionchangebyte2(value,length){
varl=strlength(value)
if(l<=length){
if(document.all!=null)document.all("byte2").innerText="还可以输入"+(length-l)+"字节"
}
else
{
document.all("byte2").innerText="输入字节数超出范围"
}
returntrue
}
</script>
<formmethod="post"name=testonSubmit="returncheckdata()"action="">
<TEXTAREAonkeydown="returnchangebyte1(document.test.icqcontent.value,198)"onkeyup="returnchangebyte1(document.test.icqcontent.value,198)"name=icqcontentcols=40rows="3"></TEXTAREA>
<SPANid=byte1><SCRIPTlanguage=JavaScript>changebyte1(document.test.icqcontent.value,198);</SCRIPT></SPAN>
</form>
判断填写字数的限制
<scriptlanguage=javascript>
functiongbcount(message,total,used,remain)
{
varmax;
max=total.value;
if(message.value.length>max){
message.value=message.value.substring(0,max);
used.value=max;
remain.value=0;
alert('留言不能超过规定的字数!');
}
else{
used.value=message.value.length;
remain.value=max-used.value;
}
}
</script>
<formname='myform'>
<textareaname='GuestContent'cols='59'rows='6'onkeydown=gbcount(this.form.GuestContent,this.form.total,this.form.used,this.form.remain);onkeyup=gbcount(this.form.GuestContent,this.form.total,this.form.used,this.form.remain);></textarea>
最多字数:<INPUTdisabledmaxLength=4name=totalsize=3value=20>
已用字数:<INPUTdisabledmaxLength=4name=usedsize=3value=0>
剩余字数:<INPUTdisabledmaxLength=4name=remainsize=3>
</form>
注册阅读时间等待按钮
<formaction="https://www.jb51.net";method="post"name="agree">
欢迎注册烟灰BLOG:
条款若干........
<inputtype="submit"value="请认真查看<服务条款和声明>(15)"name="agreeb">
</form>
<SCRIPTlanguage=javascript>
<!--
varsecs=15;
document.agree.agreeb.disabled=true;
for(i=1;i<=secs;i++){
window.setTimeout("update("+i+")",i*1000);
}
functionupdate(num){
if(num==secs){
document.agree.agreeb.value="我同意";
document.agree.agreeb.disabled=false;
}
else{
printnr=secs-num;
document.agree.agreeb.value="请认真查看<服务条款和声明>("+printnr+")";
}
}
//-->
</SCRIPT>

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章