天天看點

Enter鍵觸發表單送出的問題

鎴戜滑鏈夋椂鍊欏笇鏈涘洖杞﹂敭鏁插湪鏂囨湰妗嗭紙input element锛夐噷鏉ユ彁浜よ〃鍗曪紙form锛夛紝浣嗘湁鏃跺€欏張涓嶅笇鏈涘姝ゃ€傛瘮濡傛悳绱㈣涓猴紝甯屾湜杈撳叆瀹屽叧閿瘝涔嬪悗鐩存帴鎸夊洖杞﹂敭绔嬪嵆鎻愪氦琛ㄥ崟锛岃€屾湁浜涘鏉傝〃鍗曪紝鍙兘瑕侀伩鍏嶅洖杞﹂敭璇搷浣滃湪鏈畬鎴愯〃鍗曞~鍐欑殑鏃跺€欏氨瑙﹀彂浜嗚〃鍗曟彁浜ゃ€?

瑕佹帶鍒惰繖浜涜涓猴紝涓嶉渶瑕佸€熷姪JS锛屾祻瑙堝櫒宸茬粡甯垜浠仛浜嗚繖浜涘鐞嗭紝杩欓噷鎬葷粨鍑犳潯瑙勫垯锛?

  1. 濡傛灉琛ㄥ崟閲屾湁涓€涓猼ype=鈥漵ubmit鈥濈殑鎸夐挳锛屽洖杞﹂敭鐢熸晥銆?
  2. 濡傛灉琛ㄥ崟閲屽彧鏈変竴涓猼ype=鈥漷ext鈥濈殑input锛屼笉绠℃寜閽槸浠€涔坱ype锛屽洖杞﹂敭鐢熸晥銆?
  3. 濡傛灉鎸夐挳涓嶆槸鐢╥nput锛岃€屾槸鐢╞utton锛屽苟涓旀病鏈夊姞type锛孖E涓嬮粯璁や負type=button锛孎X榛樿涓簍ype=submit銆?
  4. 鍏朵粬琛ㄥ崟鍏冪礌濡倀extarea銆乻elect涓嶅獎鍝嶏紝radio checkbox涓嶅獎鍝嶈Е鍙戣鍒欙紝浣嗘湰韬湪FX涓嬩細鍝嶅簲鍥炶濺閿紝鍦↖E涓嬩笉鍝嶅簲銆?
  5. type=鈥漣mage鈥濈殑input锛屾晥鏋滅瓑鍚屼簬type=鈥漵ubmit鈥濓紝涓嶇煡閬撲負浠€涔堜細璁捐杩欐牱涓€绉峵ype锛屼笉鎺ㄨ崘浣跨敤锛屽簲璇ョ敤CSS娣誨姞鑳屾櫙鍥懼悎閫備簺銆?

瀹為檯搴旂敤鐨勬椂鍊欙紝瑕佽琛ㄥ崟鍝嶅簲鍥炶濺閿緢瀹規槗锛屼繚璇佽〃鍗曢噷鏈変釜type=鈥漵ubmit鈥濈殑鎸夐挳灏辮銆傝€屽綋鍙湁涓€涓枃鏈鍙堜笉甯屾湜鍝嶅簲鍥炶濺閿€庝箞鍔炲憿锛熸垜鐨勬柟娉曟湁鐐瑰埆鎵紝灏辨槸鍐嶅啓涓€涓棤鎰忎箟鐨勬枃鏈锛岄殣钘忚搗鏉ャ€傛牴鎹3鏉¤鍒欙紝鎴戜滑鍦ㄧ敤button鐨勬椂鍊欙紝灏介噺鏄懼紡澹版槑type浠ヤ嬌娴忚鍣ㄨ〃鐜頒竴鑷淬€?

鍋氫簡涓€涓狣EMO 鍒楀嚭浜嗕竴浜涗緥瀛愩€? 杩愯浠g爜妗?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=GBK">

<title>submit</title>

</head>

<body>

<h1>鏈琩emo婕旂ず鍦ㄦ枃鏈涓寜enter閿槸鍚﹁Е鍙戞彁浜よ〃鍗?lt;/h1>

<h2>榛樿鎯呭喌涓嬶紝涓€涓枃鏈鐨勬椂鍊欙紝鎻愪氦锛屼笉绠℃寜閽畉ype鏄痵ubmit杩樻槸button</h2>

<form action="http://www.koubei.com">

<input type="text">

<input type="button" value="鎻愪氦" 慰nclick="submit();" >

</form>

<h2>涓€涓枃鏈鐨勬椂鍊欐€庝箞鎵嶈兘鍋氬埌涓嶆彁浜わ紝鏂規硶鏄姞涓€涓殣钘忔帀鐨勬枃鏈</h2>

<form action="http://www.koubei.com">

<input type="text">

<input type="text" style="display:none">

<input type="button" value="鎻愪氦" 慰nclick="submit();" >

</form>

<h2>鍙鏈塼ype涓簊ubmit鐨勬寜閽瓨鍦紝涓€涓枃鏈杩樻槸澶氫釜鏂囨湰妗嗛兘鎻愪氦</h2>

<form action="http://www.koubei.com">

<input type="text">

<input type="submit" value="鎻愪氦" 慰nclick="submit();" >

</form>

<h2>鍙鏈塼ype涓簊ubmit鐨勬寜閽瓨鍦紝涓€涓枃鏈杩樻槸澶氫釜鏂囨湰妗嗛兘鎻愪氦</h2>

<form action="http://www.koubei.com">

<input type="text">

<input type="text">

<input type="submit" value="鎻愪氦" 慰nclick="submit();" >

</form>

<h2>澶氫釜鏂囨湰妗嗙殑鏃跺€欙紝涓嶆彁浜わ紝鐢╰ype涓篵utton鐨勬寜閽氨琛屽暒</h2>

<form action="http://www.koubei.com">

<input type="text">

<input type="text">

<input type="button" value="鎻愪氦" 慰nclick="submit();" >

</form>

<h2>鐢╞utton鍏冪礌鏃訛紝FX鍜孖E涓嬫湁涓嶅悓鐨勮〃鐜?lt;/h2>

<form action="http://www.koubei.com">

<input type="text">

<input type="text">

<button>鎻愪氦</button>

</form>

<h2>radio鍜宑heckbox鍦‵X涓嬩篃浼氳Е鍙戞彁浜よ〃鍗曪紝鍦↖E涓嬩笉浼?lt;/h2>

<form action="http://www.koubei.com">

<input type="text">

<input type="radio" name="a">

<input type="checkbox" name="b">

<input type="checkbox" name="c">

<input type="button" value="鎻愪氦" 慰nclick="submit();" >

</form>

<h2>type涓篿mage鐨勬寜閽紝绛夊悓浜巘ype涓簊ubmit鐨勬晥鏋?lt;/h2>

<form action="http://www.koubei.com">

<input type="text">

<input type="text">

<input type="image" src="http://k.kbcdn.com/images/common/logo_yahookoubei_s.gif">

</form>

</body>

</html>

繼續閱讀