close


我們今天講的主題是, 什麼是 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

 


  

❼ 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一定要填 (見上圖)

 


 

 Exercise

 


 

 Project: Idea Generation

 

 


第一章 : 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/

arrow
arrow
    創作者介紹
    創作者 Warlimit 的頭像
    Warlimit

    jan股幣

    Warlimit 發表在 痞客邦 留言(0) 人氣()