HTML5 CSS3構建簡易的表單

2021-09-28 16:38:33 字數 960 閱讀 4997

瀏覽網頁的時候,表單差不多是最常見的形式之一了。對於某些不自動儲存賬戶和密碼的**來說,天天都要給表單敲賬戶密碼。今天記錄一下乙個簡單的表單怎麼製作。製作後的效果圖如下:

效果如下圖所示:

這裡注意使用了屬性選擇器input[type=text],這表明選中了輸入文字型的輸入框。同理可以總結出:

input[type=text] - 選取文字輸入框

input[type=password] - 選擇密碼的輸入框

input[type=number] - 選擇數字的輸入框

input[type=submit] - 選中提交的輸入框(這個算是按鈕了)

效果如下圖所示:

效果如下圖:

全部**如下:

"border1">

初學HTML5 CSS3動畫

乙個完整的css animations由兩部分構成 在css3中使用 keyframes規則來建立動畫,keyframes可以設定多個關鍵幀,每個關鍵幀表示動畫過程中的乙個狀態,多個關鍵幀就可以使動畫十分絢麗。keyframes animationname animation屬性用於描述動畫的css...

使用Html5 CSS3的優勢

一 大多瀏覽器支援,低版本也沒問題 我看點這方面的資料,是為了做手機應用 有三個方案,這個是備用方案 可以開發響應式 可以脫離開發平台進行跨平台。在html5網頁中引入modernizr,就能讓ie支援html5新元素。html5樣板檔案快速開發 html5boilerplate.com 二 布局 ...

html5 css3的神奇搭配

浮動的元素會脫離標準文件流 float 從而不佔據空間,實現了一行排列多個元素的效果 但是又導致上級元素height消失,處理這種情況的方法就是有兩種 1.第一種在css裡寫個偽類,哪些地方需要清除浮動,直接呼叫類名。clearfix after clearfix 2.第二種情況就是溢位隱藏。ove...