乙個簡單的表單
css樣式,裡面有些 css3的東西
by xufei 2013/04
以上**只在 google的chrome下測試過@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...