【html】用table自訂input輸入框樣式，加入圖示與按鈕

2022-08-25 | viewed : 1890

在網頁製作中，只要使用table來約束各元件的位置，就可以很簡單地在input輸入框左邊或右邊加上圖示（icon）、按鈕（button），或是文字（text），並自動適配所有大小的螢幕。此外，也可以依需求替換html元素，例如將單純的文字改成下拉選單。

【html】用css在input輸入框左邊或右邊加入圖示

2022-08-03 | viewed : 3429

有時候，我們會想自訂input輸入框的樣式，這時只要運用CSS的position及padding，就能隨自己喜好改變外觀，並在想要的地方加上圖示(icon)或按鈕(button)。

2022-07-23 | viewed : 1779

寫程式有過一段時間的人，應該或多或少都聽過抽象化這個詞，但是要談論抽象化不是一件容易的事，因為抽象化這個名詞本身帶有歧義，當我們在談論不同層面的問題時，它可以具有不同的意思。這次我想嘗試從「概念轉換」跟「降低相依性」兩個方面來討論，因為我認為這是程式抽象化的主要目的。

2022-06-17 | viewed : 1800

《果然我的青春戀愛喜劇搞錯了。》是一部不可多得的校園番，而會喜歡這部作品的人，我想或多或少都有點邊緣特質，就某種意義上來說，《果青》簡直就是邊緣人生存手冊，同時也是我心中的神作。

2022-06-03 | viewed : 1656

開發SRPG（SLG）會遇到的第一個問題，就是不知道怎麼寫戰鬥系統。在棋盤上走格子看似理所當然，通常我們用手指數格子也能計算出「可移動範圍」，並找到「最短移動路徑」，但是看上去很直觀的事要怎麼寫成程式呢？我們需要一套路徑演算法。

2022-05-28 | viewed : 1406

只要簡單調整一下css屬性中的left跟right，就能改變進度條遞增或遞減的方向，透過這個練習，也能讓我們理解left跟right的用法。

2022-05-24 | viewed : 624

他，來到心理診療室，心理醫師一看到病歷上的姓名欄寫著「神」，就知道是重症。究竟是精神病患還是真的神？有精神病的究竟是誰？

2022-05-11 | viewed : 1679

你覺得這個世界怎麼樣？快樂嗎？舒適嗎？如果有一個規則和目的都很明確、一切都以遊戲決定的世界，你覺得怎麼樣？

2022-04-30 | viewed : 1004

要回答這個問題，可以先想想「為什麼程式有註解功能」。我認為寫不寫註解不是一個選擇題，真正的問題應該是，什麼事情應該用註解來寫。

2022-04-30 | viewed : 6165

如果我們手上有兩張色紙，只要稍微剪裁一下，把它們重疊在一起，想做一個能用手拉動的進度條並不難。只要把這種想法用程式描述出來，就能做出進度條。