欧美日韩国产激情一区,亚洲精选无码av,久久精品免费一区二区

　表單相關(guān)特效整理

作者：cnbruce　時間： 2004-02-08　文檔類型：原創(chuàng)　來自：藍色理想

只能是一些限定的東西

運行代碼框
ENTER鍵可以讓光標移到下一個輸入框 <input onkeydown="if(event.keyCode==13)event.keyCode=9" > <br> 只能是中文<input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9"> <br> 屏蔽輸入法<input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9"> <br> 只能輸入英文和數(shù)字<input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" onkeydown="if(event.keyCode==13)event.keyCode=9"> <br> 只能是數(shù)字<input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"><br> 只能顯示，不能修改<input readonly value="只能顯示，不能修改">
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

只能是數(shù)字，判斷按鍵的值。

運行代碼框
<script language=javascript> function onlyNum() { if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)||(event.keyCode==8))) event.returnValue=false; } </script> <input onkeydown="onlyNum();">
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

附：獲取鍵盤的KeyCode

運行代碼框
<html> <head> <script language="javascript"> ns4 = (document.layers) ? true : false; ie4 = (document.all) ? true : false; function keyDown(e){ if(ns4){ var nkey=e.which; var iekey='現(xiàn)在是ns瀏覽器'; var realkey=String.fromCharCode(e.which); } if(ie4){ var iekey=event.keyCode; var nkey='現(xiàn)在是ie瀏覽器'; var realkey=String.fromCharCode(event.keyCode); if(event.keyCode==32){realkey='\' 空格\''} if(event.keyCode==13){realkey='\' 回車\''} if(event.keyCode==27){realkey='\' Esc\''} if(event.keyCode==16){realkey='\' Shift\''} if(event.keyCode==17){realkey='\' Ctrl\''} if(event.keyCode==18){realkey='\' Alt\''} } alert('ns瀏覽器中鍵值:'+nkey+'\n'+'ie瀏覽器中鍵值:'+iekey+'\n'+'實際鍵為'+realkey); } document.onkeydown = keyDown; if(ns4){ document.captureEvents(Event.KEYDOWN);} </script> </head> <body> //Javascript Document. <hr> <center> <h3>請按任意一個鍵。。。。</h3> </center> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

限制網(wǎng)頁用鍵盤

運行代碼框
<body onkeydown="alert('禁用');return false;"> 限制鍵盤的某個鍵：body onkeydown="if(event.keyCode==num){alert('禁用');return false;}
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

再加個找按鍵的值

運行代碼框
<script> function show(){ alert("ASCII代碼是："+event.keyCode); } </script> <body onkeydown="show()">
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

只能是IP地址

運行代碼框
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <style> .a3{width:30;border:0;text-align:center} </style> <script> function mask(obj){ obj.value=obj.value.replace(/[^\d]/g,'') key1=event.keyCode if (key1==37 || key1==39) { obj.blur(); nextip=parseInt(obj.name.substr(2,1)) nextip=key1==37?nextip-1:nextip+1; nextip=nextip>=5?1:nextip nextip=nextip<=0?4:nextip eval("ip"+nextip+".focus()") } if(obj.value.length>=3) if(parseInt(obj.value)>=256 || parseInt(obj.value)<=0) { alert(parseInt(obj.value)+"IP地址錯誤！") obj.value="" obj.focus() return false; } else { obj.blur(); nextip=parseInt(obj.name.substr(2,1))+1 nextip=nextip>=5?1:nextip nextip=nextip<=0?4:nextip eval("ip"+nextip+".focus()") } } function mask_c(obj) { clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,'')) } </script> <title>IP地址輸入</title> </head> <body>IP地址輸入 <div style="border-width:1;border-color:balck;border-style:solid;width:165;font-size:9pt"> <input type=text name=ip1 maxlength=3 class=a3 onkeyup="mask(this)" onbeforepaste=mask_c()>. <input type=text name=ip2 maxlength=3 class=a3 onkeyup="mask(this)" onbeforepaste=mask_c()>. <input type=text name=ip3 maxlength=3 class=a3 onkeyup="mask(this)" onbeforepaste=mask_c()>. <input type=text name=ip4 maxlength=3 class=a3 onkeyup="mask(this)" onbeforepaste=mask_c()> </div> </body> </html>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

用#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 onclick='javascript:location. value='點擊進入,再按后退鍵試試？'> </BODY> </HTML>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

TEXTAREA自適應(yīng)文字行數(shù)的多少

運行代碼框
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

上傳預(yù)覽圖片

運行代碼框
<img id=pic src=http://www.cnbruce.com/images/logo.gif> <input type=file name=file><input type=button onclick=pic.src=file.value value=預(yù)覽圖片> <input type=button onclick=alert(file.value) value=圖片地址> <input type=button onclick="file.outerHTML=file.outerHTML.replace(/value=\w/g,'')" value="清除file里字">
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

去掉下拉選項的邊框

運行代碼框
<div style="position: absolute; left: 10px; top: 10px; width: 115px; height: 20px; clip:rect(2 114 20 2);"> <select> <option >cnpeople</option> <option >cnrose</option> <option >cnbruce</option> </select> </font> </div>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

下拉列表打開窗口

運行代碼框
<select onChange="if(this.selectedIndex && this.selectedIndex!=0){window.open(this.value);}this.selectedIndex=0;"> <option selected>更多鏈接……</option> <option value="http://www.cnbruce.com">cnbruce</option> <option value="http://daonet.myrice.com/old/">daonet</option> <option value="http://m.95time.cn">blue!dea </select>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

通過下拉菜單傳遞跳轉(zhuǎn)

運行代碼框
<form action="showlog.asp?" > <select name="cat_id" onpropertychange="form.submit();"> <option value="">==請選擇==</option> <option value="11">11</option> <option value="22">22</option> </select> </form>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

TAB鍵在文本域中的體現(xiàn)

運行代碼框
<script> function editTab() { var code, sel, tmp, r var tabs="" event.returnValue = false sel =event.srcElement.document.selection.createRange() r = event.srcElement.createTextRange() switch (event.keyCode) { case (8) : if (!(sel.getClientRects().length > 1)) { event.returnValue = true return } code = sel.text tmp = sel.duplicate() tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top) sel.setEndPoint("startToStart", tmp) sel.text = sel.text.replace(/^\t/gm, "") code = code.replace(/^\t/gm, "").replace(/\r\n/g, "\r") r.findText(code) r.select() break case (9) : if (sel.getClientRects().length > 1) { code = sel.text tmp = sel.duplicate() tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top) sel.setEndPoint("startToStart", tmp) sel.text = "\t"+sel.text.replace(/\r\n/g, "\r\t") code = code.replace(/\r\n/g, "\r\t") r.findText(code) r.select() } else { sel.text = "\t" sel.select() } break case (13) : tmp = sel.duplicate() tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top) tmp.setEndPoint("endToEnd", sel) for (var i=0; tmp.text.match(/^[\t]+/g) && i<tmp.text.match(/^[\t]+/g)[0].length; i++) tabs += "\t" sel.text = "\r\n"+tabs sel.select() break default : event.returnValue = true break } } </script> <textarea cols=75 rows=20 onkeydown="editTab()"> <script> alert("ok") </script></textarea>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

文本框的上/下拉

運行代碼框
<form name="cnbruce"> <textarea name="com"> </textarea> </form> <SPAN title='放大輸入框' style='FONT-SIZE: 12px; CURSOR: hand' onclick=document.cnbruce.com.rows+=4>向下</SPAN> <SPAN title='縮小輸入框' style='FONT-SIZE: 12px; CURSOR: hand' class='arrow' onclick='if(document.cnbruce.com.rows>=4)document.cnbruce.com.rows-=4;else return false'>向上</SPAN>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

一個復(fù)選框，點擊之后一組復(fù)選框全部都選上

運行代碼框
<input type="checkbox" name="checkA" onpropertychange="for(i=0;i<A.children.length;i++){A.children[i].checked=this.checked}">a <br> <span id="A"> <input type="checkbox" name="A1"> <input type="checkbox" name="A2"> <input type="checkbox" name="A3"> </span>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

Debug Textarea：在線寫 js 腳本的時候，用來即時查錯的東西！

運行代碼框
<HTML> <HEAD> <TITLE>Debug Textarea</TITLE> <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> </HEAD> <style> * { font-size: 12px } body { margin: 10px; padding: 0px } table.list{ cursor: default; border:1px solid #cccccc background-color: #cccccc; border-collapse: collapse; border-Color: #cccccc; } </style> <script language="javascript"> // Coded by windy_sk <windy_sk@126.com> 20040205 function reportError(msg,url,line) { var str = "You have found an error as below: \n\n"; str += "Err: " + msg + " on line: " + line; alert(str); return true; } window.onerror = reportError; document.onkeydown = function() { if(event.ctrlKey){ switch(event.keyCode) { case 82: //r runcode(); break; case 83: //s savecode(); break; case 71: //g goto(prompt('Please input the line number', '1')); break; case 65: //a document.execCommand("SelectAll"); break; case 67: //c document.execCommand("Copy"); break; case 88: //x document.execCommand("Cut"); break; case 86: //v document.execCommand("Paste"); break; case 90: //z document.execCommand("Undo"); break; case 89: //y document.execCommand("Redo"); break; default: break; } event.keyCode = 0; event.returnValue = false; } return; } function show_ln(){ var txt_ln = document.getElementById('txt_ln'); var txt_main = document.getElementById('txt_main'); txt_ln.scrollTop = txt_main.scrollTop; while(txt_ln.scrollTop != txt_main.scrollTop) { txt_ln.value += (i++) + '\n'; txt_ln.scrollTop = txt_main.scrollTop; } return; } function editTab(){ var code, sel, tmp, r var tabs='' event.returnValue = false sel =event.srcElement.document.selection.createRange() r = event.srcElement.createTextRange() switch (event.keyCode){ case (8) : if (!(sel.getClientRects().length > 1)){ event.returnValue = true return } code = sel.text tmp = sel.duplicate() tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top) // 出錯檢驗代碼~~~~~~ if(sel.parentElement() != tmp.parentElement()) return; sel.setEndPoint('startToStart', tmp) sel.text = sel.text.replace(/^\t/gm, '') code = code.replace(/^\t/gm, '').replace(/\r\n/g, '\r') r.findText(code) r.select() break case (9) : if (sel.getClientRects().length > 1){ code = sel.text tmp = sel.duplicate() tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top) // 出錯檢驗代碼~~~~~~ if(sel.parentElement() != tmp.parentElement()) return; sel.setEndPoint('startToStart', tmp) sel.text = '\t'+sel.text.replace(/\r\n/g, '\r\t') code = code.replace(/\r\n/g, '\r\t') r.findText(code) r.select() }else{ sel.text = '\t' sel.select() } break case (13) : tmp = sel.duplicate() tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top) // 出錯檢驗代碼~~~~~~ if(sel.parentElement() != tmp.parentElement()) return; tmp.setEndPoint('endToEnd', sel) for (var i=0; tmp.text.match(/^[\t]+/g) && i<tmp.text.match(/^[\t]+/g)[0].length; i++) tabs += '\t' sel.text = '\r\n'+tabs sel.select() break default : event.returnValue = true break; } return; } function runcode() { var str = document.getElementById("txt_main").value; var code_win = window.open('about:blank'); code_win.document.open(); code_win.document.writeln("<script>"); code_win.document.writeln("function reportError(msg,url,line){\nline-=14;\nvar str='You have found an error as below: \\n\\n';\nstr+='Err: '+msg+' on line: '+(line);\nalert(str);\nopener.goto(line);\nopener.focus();\nwindow.onerror=null;\nsetTimeout('self.close()',10);\nreturn true;\n}"); code_win.document.writeln("window.onerror = reportError;"); code_win.document.writeln("<\/script>"); code_win.document.writeln(str); code_win.document.close(); return; } function savecode() { var str = document.getElementById("txt_main").value; var code_win = window.open('about:blank','_blank','top=10000'); code_win.document.open(); code_win.document.writeln(str); code_win.document.close(); code_win.document.execCommand('saveas','','code.html'); code_win.close(); return; } function goto(ln) { if(!/^\d+$/.test(ln)) return; var obj = document.getElementById("txt_main"); var rng = obj.createTextRange(); var arr = obj.value.replace(/\r/, "").split(/\n/); if(ln>arr.length) ln = arr.length; var str_tmp = ""; for(var i=0; i<ln-1; i++) { str_tmp += arr[i]; } rng.moveStart('character',str_tmp.length+1); str_tmp = ""; for(i=ln; i<arr.length; i++) { str_tmp += arr[i]; } rng.moveEnd('character',-str_tmp.length); rng.select(); return; } window.onload = function() {document.getElementById("txt_main").value = "<script>\nalert(')\n<\/script>";} </script> <BODY> <table width='600' class='list' border='1' bgcolor='#eeeeee' bordercolorlight='#000000' bordercolordark='#FFFFFF' cellpadding='0' cellspacing='0'> <tr bgcolor='#cccccc'> <td colspan='2' height='20' align='center'><b>Debug Textarea</b></td> </tr> <tr> <td colspan='2'> <table width='95%' border='0' align='center' > <tr> <td align='center'><br /> <textarea id='txt_ln' name='content' rows='10' style='width:40px;overflow:hidden;height:200px;border-right:0px;text-align:right;line-height:14px' onselectstart='this.nextSibling.focus();return false' readonly></textarea><textarea id='txt_main' name='content' rows='10' cols='80' onkeydown='editTab()' onkeyup='show_ln()' onscroll='show_ln()' wrap='off' style='overflow:auto;height:200px;padding-left:5px;border-left:0px;line-height:14px'></textarea> <script>for(var i=1; i<=20; i++) document.getElementById('txt_ln').value += i + '\n';</script> </td> </tr> <tr> <td align='center'><br /> <input type='button' value=' 運行 ' onclick='runcode()' accesskey='r'>   <input type='button' value=' 保存 ' onclick='savecode()' accesskey='s'>   <input type='button' value=' 跳轉(zhuǎn) ' onclick="goto(prompt('Please input the line number', '1'))" accesskey='g'>   </td> </tr> </table> </td> </tr> </table> </BODY> </HTML>
[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運行]

值得推薦大家查看的還有

輕松玩轉(zhuǎn)花樣表單

出處：藍色理想
責任編輯：cnbruce

◎進入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論

相關(guān)文章

DW MX 中表單數(shù)據(jù)的傳遞

熟悉常用表單格式的五點技巧

輕松玩轉(zhuǎn)花樣表單

作者文章

ASP TO HTML WITH TEMPLATE

處理較長文章，添加 …… 效果


關(guān)鍵字搜索	常規(guī)搜索	推薦文檔
熱門搜索：CSS Fireworks 設(shè)計比賽網(wǎng)頁制作 web標準用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG

站點最新

站點最新列表

周大�！熬�•自然”設(shè)計大賽開啟

國際體驗設(shè)計大會7月將在京舉行

中國國防科技信息中心標志征集

云計算如何讓安全問題可控

云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機會

阿里行云

云手機年終巨獻，送禮標配299起

阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"

1499元買真八核云OS雙蛋大促

首屆COCO桌面手機主題設(shè)計大賽

欄目最新

欄目最新列表

淺談JavaScript編程語言的編碼規(guī)范

如何在illustrator中繪制臺歷

Ps簡單繪制一個可愛的鉛筆圖標

數(shù)據(jù)同步算法研究

用ps作簡單的作品展示頁面

CSS定位機制之一:普通流

25個最佳最閃亮的Eclipse開發(fā)項目

Illustrator中制作針線縫制文字效果

Photoshop制作印刷凹凸字體

VS2010中創(chuàng)建自定義SQL Rule

中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx