跳到主要內容

Html範例

Hi, I'm Melody.

Hi, I'm Melody.

Hi, i'm Melody.

Hi, I'm Melody.

Hi, I'm Melody.
Hi, i'm Melody.
Hi, i'm Melody.

留言

這個網誌中的熱門文章

如何讓 button 被點下時,可以執行某一段 JavaScript 程式碼?

範例中第一個部分的原始碼如下: <a href="javascript:open_window('javascript.html')">javascript:function</a>:JavaScript Pseudo Protocol. 一般 來說,href 的內容是 URL,但是我們卻設定了一串頗為奇怪的字串。讓我們解釋一下: Javascript 提供了一個特別的用法,稱之為 JavaScript Pseudo-Protocol, javascript: 之後會加上一個函數名稱, 函數可以是 Javascript 內建的函數,也可以是自行定義的函數。 例如,你可以直接在瀏覽器輸入  javascript:alert(document.links.length)   來得知目前這個網頁總共有多少超連結(links)。 當然,你也可以將這段 程式碼用來取代這個範例的 href 值。 範例中第二個部分的原始碼如下: <form> <input type="button" name="Button1" value="請按我" onClick="sayhi()"> </form> 這是一個 form 元件,該元件內包含一個按鈕元件,該元件名稱為 Button1。 在按鈕元件中,我們也定義了一個事件處理的函數: " onClick="sayhi()" ; 該定義說明了:如果使用者在按鈕上點一下,則執行 sayhi() 函數, 而 sayhi() 的程式碼如下: <script language="javascript"> <!-- function sayhi() { alert("What's up?"); } // --> </script> 如果使用者在"請按我"的按鈕上點一下,螢幕上會出現包含 "What's up?" 訊息的視窗。

如何用 JavaScript 讀取 input 裡面的內容?

<!DOCTYPE html> <html> <head> <title>&lt;input&gt; File Selection</title> <meta http-equiv="X-UA-Compatible" content="IE=10"> </head> <body> <h1>HTML5 &lt;input&gt; File Selection</h1> <h3>Example 1</h3> <input type="file" id="fileSelector" multiple accept="image/*" /> <!-- By design, if you select the exact same files two or more times, the 'change' event will not fire. --> <ul id="fileContentList" style="list-style-type: none;"></ul> <!-- This will be populated with <li> elements via JavaScript. --> <script type="text/javascript"> var message = []; if (!document.getElementById('fileSelector').files) { message = '<p>The ' + '<a href="http://dev.w3.org/2006/weba...

設計思考 (Design Thinking)

Design Thinking 101                設計思考也稱作設計思維,設計思考並非專屬於設計師 ; 相反地,設計思考是一種引導創新的方法,它從根本去了解問題的現象,觀察並分析使用者情境並以解決問題,彌補使用者與設計者,在使用、設計產品服務之間的斷層。 每個人只要奠基於創新之上,皆有此種思考取向。設計思考是一個創意解難的過程,透過運用設計思考工具中的的元素。