HELLOSPRINGS: HTML 按下Enter預設按鈕

2014年7月11日星期五

HTML 按下Enter預設按鈕

下方為簡單的HTML格式，包含3個button、1個text，前兩個按鈕為隱藏樣式，若focus在text裡，按下Enter，網頁預設會執行最接近的submit button(Button1不是subbmit button)，所以是Button2。

<!DOCTYPE html>
<html>
<form>
<body>

  <input type='button' value='Button1' onclick='alert("Button1");' style='display:none'/>
  <input type='submit' value='Button2' onclick='alert("Button2");' style='display:none'/>
  <input type='text'/>
  <input type='submit' value='Button3' onclick='alert("Button3");'/>

</body>
</form>
</html>

沒有留言:

張貼留言

訂閱：張貼留言 (Atom)