在IOS輸入框中 鍵盤上顯示「搜索」

 

 

移動端web頁面上使用軟鍵盤時如何讓其顯示「前往」(GO)而不是換行?

用一個 form 表單包裹住就會顯示前往,單獨的一個 input 就會提示換行。下面是測試地址:javascript

 

<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title> - jsFiddle demo</title>



<script type="text/javascript" src="/js/lib/dummy.js"></script>



<link rel="stylesheet" type="text/css" href="/css/result-light.css">

<style type="text/css">

</style>
css

 


<script type="text/javascript">//<![CDATA[
window.onload=function(){html

}//]]> java

</script>web

</head>
<body>
<form action="">
<label for="name">
名字:
</label>segmentfault


<input type="text" name="name">
</form>
app

 


</body></html>移動端web

 

 

如何讓form表單在enter鍵入時不提交

標籤: buttonfunactiondivimageinput
 分類:
 

目錄(?)[+]工具

 

今天在作個人一個小玩意 在線聊天工具的時候

form表單只有一個text和一個button每當我鍵入enter的時候就刷新。非常鬱悶,直接在form上onsumbit=false。才行。

下面是我查詢到的結果。

1.form表單回車後自動提交總結

        默認狀況下,一個文本框的時候,提交,無論按鈕type是submit仍是button

        一個文本框的時候怎麼才能作到不提交,方法是加一個隱藏掉的文本框

       只要有type爲submit的按鈕存在,一個文本框仍是多個文本框都提交

 

 

       多個文本框的時候,不提交,用type爲button的按鈕就行啦

 

 

       用button元素時,FX和IE下有不一樣的表現

        radio和checkbox在FX下也會觸發提交表單,在IE下不會

        type爲image的按鈕,等同於type爲submit的效 果

 

2. 若是 onsubmit 句柄返回 fasle,表單的元素就不會提交。若是該函數返回其餘值或什麼都沒有返回,則表單會被提交。

        因爲 onsubmit 句柄能夠取消表單的提交,因此它對於進行表單驗證是十分理想的;

        這樣的話,修改form的onsubmit事件可讓敲入回車的時候執行咱們想要的操做而不跳轉到action所指定的url,以下:

        <form action="myurl" onSubmit="fun1();return false;">

        執行fun1後不會跳轉,方便表單操做

3.使用onkeydown事件,以下:

        <input type="text"  onkeydown="if(event.keyCode==13){fun1();}"/>

        這樣在文本輸入框內輸入文字後直接敲擊回車,也會執行fun1函數

 

        有個疑問問下你們,onkeydown事件能爲form或者div這樣的元素註冊嗎,好比說

        <div onkeydown=" if(event.keyCode==13){fun1();} "></div>

        就是但願在焦點在div層的任何一個地方的時候,敲擊回車活也執行fun1,而不是非要焦點在文本輸入框的時候敲擊回車纔去執行fun1,那位清楚的探討下,我試了下貌似不行

相關文章
相關標籤/搜索