[轉職軟體工程師、自學程式語言]什麼是 Web Development and HTML ? 第三章 : HTML ?

 部落格轉移，給讀者更好的閱讀體驗，本文網址 : https://janstockcoin.com/blog/

我們今天講的主題是， 什麼是 Web Development and HTML ?，大綱如下

第一章 : Internet 是如何工作 ?

第二章 : Web Development ?

第三章 : HTML ?

---

  

第三章 : HTML ?

 

❶ Block vs. Inline Elements

❷ Div & Span Elements

❸ Lists

❹ Links & Attributes

❺ Tables

❻ Forms

❼ Form Validation

❽ Exercise

❾ Project: Idea Generation

部落格轉移，給讀者更好的閱讀體驗，本文網址 : https://janstockcoin.com/blog/

---

  

❼ Form Validation

我們要如何確保user輸入的東西是符合我們要的呢? 這時就可以用 Form Validation

password: 值被隱藏的單行文本字段。使用maxlength屬性指定可以輸入的值的最大長度。
email： HTML5 用於編輯電子郵件地址的字段。
color： HTML5用於指定顏色的控件。除了接受簡單的顏色作為文本（更多信息）之外，顏色選擇器的 UI 沒有任何必需的功能。
date： HTML5 用於輸入日期（年、月和日，沒有時間）的控件。

其他可詳閱 MDN HTML input : https://developer.mozilla.org/zh-TW/docs/Web/HTML/Element/input

​

​

​

加上email它會告訴user，你必須填email的形式 (見上圖)

​

某些input一定要填，你可以加上required，它不用任何的value，它會讓user一定要填 (見上圖)

部落格轉移，給讀者更好的閱讀體驗，本文網址 : https://janstockcoin.com/blog/

---

❽ Exercise

​

部落格轉移，給讀者更好的閱讀體驗，本文網址 : https://janstockcoin.com/blog/

---

❾ Project: Idea Generation

 ​

部落格轉移，給讀者更好的閱讀體驗，本文網址 : https://janstockcoin.com/blog/

---

第一章 : Internet 是如何工作 ?

第二章 : Web Development ?

第三章 : HTML ?

---

痞客邦 : https://warlimit.pixnet.net/blog?utm_source=PIXNET&utm_medium=navbar&utm_term=my_blog

隨意窩 : https://blog.xuite.net/warlimit/blog

Blogspot : https://warlimit.blogspot.com/

如果您喜歡我的文章，請幫我在下方拍手區按圓圈圈裡的拍手圖案5次!
我將得到 Likecoin 的回饋:)

回饋由 Likecoin 基金會出資，您只要註冊/登入帳號(fb、google帳號都可以註冊，不超過1分鐘)，按五次左鍵，可以贊助我的文章且完全不會花到錢！若願意成為讚賞公民那是十分感激。
支持創作，正向交流:)