乙個簡單的表單
by xufei 2013/04
@charset "utf-8";
body
header
footer
select
input
.content
form
/* 表單分組 */
form fieldset
/* 表單分組 最後乙個 */
form fieldset:last-of-type
/* 表單分組 的標題 他的位置根據fieldset的 text-align:center決定*/
form legend
form label
form fieldset fieldset label
form fieldset label:hover
form ol li
form ol ol
form ol ol li
form ol ol li label
/* 提交按鈕 */
form button
/* 滑鼠放到按鈕上時，按鈕的樣式 */
form button:hover
整個頁面看起來跟用vb做出的效果很像
說明：1，fieldset 元素可將表單內的相關元素分組。跟vb的一樣，很好用的標籤
2，漸進效果讓按鈕看起來更立體，就像有個背景似的
3，button:hover；
滑鼠放到按鈕上時，改變按鈕的樣式
4，html5的表單input還自帶一些頁面驗證的功能，例如：
type是number時自動驗證是不是數字，還有乙個必須輸入的屬性
required
關於驗證的部分，下次乙個乙個實驗
html5拖拽 初探
先看看效果 完整測試 html5 拖拽 box 接下來對 進行一一講解 drag的英譯是 拖 拽 drop的意思是 放下 drag和drop 是html5中新增的特性，任何元素都能夠拖放 大部分主流瀏覽器目前也夠支援html5的拖放功能。1.我們想要拖動那個元素，首先要把這個元素設定成可拖拽，將該元...
HTML5智慧型表單
1 便於排版的form表單 html5為了方便排版，可以使form的表單標籤脫離form的巢狀。方法 form指定id，所有的標籤標籤都新增form id屬性。例如 2 form新型別 type email 郵箱 自帶格式校驗 type url 必須帶協議 自帶格式校驗 type date 日期選擇...
HTML5表單屬性
1.6.input的formenctype屬性 用於表單提交到伺服器的資料編碼 只對form表單中method post 表單 該屬性會覆蓋form元素的enctype屬性。7 input formmethod屬性，定義了表單的提交方式，覆蓋了form元素的method屬性 8 input form...