Tag Archives: HTML

Stop form submit via HTML – 如何以HTML停止 Form 提交這個動作

最近想做一些demopage來試一些Javascript 的程式碼
之後發現 任何 buttonform tag 之後
當你按下時..他便會做出 Form Submit這個動作
e.g. 以下的例子會做出Form Submit這個動作

<form role=”form” id=”frmWontSubmit” action=”http://blog.sharechiwai.com” >
<button onclick=”alert(‘Hello’);”> Say Hello</button>
</form>

解決方法十分簡單

我們只需要在 HTML Form tag上加上 onSubmit=”return false” 便可以
E.G.

<form role=”form” id=”frmWontSubmit” action=”http://blog.sharechiwai.com” onSubmit=”return false;”>
<button onclick=”alert(‘Hello’);”> Say Hello</button>
</form>

Demo

HTML5 Form Submit  Demo

Hope you find it useful

How to create a link for dial Telephone Number for mobile web page- 手機版網頁- 如何製作打電話的連結

今天有朋友問..
為什麼有一些網頁在手機上看..
之後按一下和電話號碼相關的地方/連結便會問你是不是想撥號..
想知道怎樣實行的

解決方法 十分簡單
在HTML 上的 Anchor Tag 中的 Href 的屬性 可以加入不同的Prefix來實現不同的動作的
tel:
E.G
撥號
tel: 在手機上會問你是否要撥號/電腦上可能會有一個和打電話相關的程式出現問你是否要撥號
 <a href=”tel:01235678″ >致電給我</a>

href=tel: option use communicator to dial number
mailto: 電子郵箱的連結..會用你的Email Client開啟的
 <a href=”mailto:email@domain.com” >Email me</a>

href=mailto: option Email Client Outlook
file: 這一個和㠪常的超連結分別不大
 <a href=”file:d:\OpenXMLSDKv2.msi” >Download</a>

HREF file: option to download file
javascript: 執行Javascript
<a href=”javascript:alert(‘Welcome to Share ChiWai’)” > Welcome to ShareChiWai</a>

HREF javascript: option to trigger javascript action

Hope you find it useful