CSS 表單樣式

HTML Form 語法

<form></form>
html語法顯示form裡面是一個表格
<fieldset></fieldset>填表範圍
<legend></legend>表格內容大標
<label></label>表格問題名稱
*FIELD 主要用在輸入表格(FORM)。LEGEND 只用在 FIELDSET,宣告 FIELDSET 的標題

<form>

   <label for="contact_name">Name</label>
   <input type="text" id="contact_name"></input>

  <labal for="Contact_email">Email</label>
  <input type="text" id="Contact_email"></input> 
                </form>

表單元素
文字輸入欄位
<input type="text"></input>

email輸入欄位
<input type="email"></input>

送出表單按鈕 submit
<input type="submit" value-"send messege"></input>

多行的文字輸入欄位
<textarea cols="X" rows="Y"></textarea> 
<textarea style="width:200px;height:100px;"></textarea>

label 的 for,要對應到 input 的 id
label 標籤的 for 屬性設定成什麼,input 也要設定一個相同的 id 屬性。

CSS
滑鼠變手形
cursor:pointer

留言

這個網誌中的熱門文章

RWD響應設計--要點介紹

教你寫出神企劃:三星、首爾大學都在用的企劃力培養法--重點摘要

sketch基本操作