表单(FORM)的一些实用效果代码_Javascript教程-查字典教程网
表单(FORM)的一些实用效果代码
表单(FORM)的一些实用效果代码
发布时间:2016-12-30 来源:查字典编辑
摘要:限定只能是写限定的东西的代码ENTER键可以让光标移到下一个输入框:只能是中文:只能是英文和数字.屏蔽了输入法:只能输入英文和数字:只能是数...

限定只能是写限定的东西的代码

ENTER键可以让光标移到下一个输入框:<inputonkeydown="if(event.keyCode==13)event.keyCode=9"><br>

只能是中文:<inputonkeyup="value=value.replace(/[-~]/g,'')"onkeydown="if(event.keyCode==13)event.keyCode=9"><br>

只能是英文和数字.屏蔽了输入法:<inputonkeydown="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="http://www.jb51.net";>cnbruce</option>

<optionvalue="http://www.21west.net";>daonet</option>

<optionvalue="http://www.blueidea.com";>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进行分类列表

<span><select>

<optionselected>------------请选择------------</option>

<optgrouplabel="JavaScript&VBScript区">

<option>原创

<option>经典

<optgrouplabel="后台区">

<option>asp&sql

<option>php&mysql

</select></span>

提示限制输入的字符数

<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>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类