2015年2月3日 星期二

2015.02.03 CSS學習(Web Forms)

Web Forms
Form是網頁要取得使用者輸入資料的一種方式
通常包含像是label、input、text area、submit


簡單的Form
常見的input種類
label的for與input的id是相依的,label的for代表該label是對應到哪一個input

input type=text 的tags是在使用者輸入的資料較少或是單行時,若輸入資料比較多、超過一行,可以使用textarea
跟input tag不同,textarea需要開始和結束標籤,也不需要定義type

label和input tag 是inline-level tag,預設是由左到右顯示,但是也可以以block的狀態展示
例:

將tag轉為block-level之後,就可以像其他block-level tag依樣修改樣式

Attribute selectors可以選擇特定屬性的tag
例:
選擇input type屬性為submit的tag
若要調整textbox的高度,只需要調整Textbox顯示的文字的大小
例: