form 表單 跟 CSS樣式

2021-09-11 02:24:59 字數 980 閱讀 8838

form表單提交資料的幾個注意事項:

1.所有獲取使用者輸入的標籤都必須在form表單裡面

2.action控制著往哪兒提交

3.input\select\textarea 都需要有name屬性

4.提交按鈕

input 系列的type屬性

text     文字框

password 密碼框

radio 單選框

checkbox 核取方塊

date 日期

file 檔案(可以上傳)

button 普通按鈕,多用js給它繫結事件

reset 重置按鈕

submit 提交按鈕

textarea 大段文字

select 下拉列表

option 具體下拉選項

optgroup 分組的下拉框

上海

北京南京

靜安閔行普陀

朝陽豐台昌平

1. 基本選擇器

1. 標籤選擇器     適用於 批量的\統一\預設的樣式

2. id選擇器       適用於 給特定標籤設定特定樣式

3. 類選擇器       適用於 給某一些標籤設定相同的樣式

2. 通用選擇器

1. * 

3. 組合選擇器

1. 後代選擇器

2. 兒子選擇器

3. 毗鄰選擇器

4. 弟弟選擇器

4. 屬性選擇器

1. [s9]

2. [s9="hao"]

5. 分組和巢狀

1. div,p

2. #d1>p

--> 樣式檔案優先順序

1. 內聯樣式(直接在標籤裡面寫style) 優先順序最高

2.選擇器都一樣的情況下,誰靠近標籤誰就生效

3. 選擇器不同時 計算權重來判斷

Form表單中的各種樣式

很多時候,我們僅僅為了實現資料採集這個功能來使用表單,常看到的表單都是 千人一面 毫無生氣,本專題嘗試著來改變這一現象,試圖賦予表單乙個豐富多彩的面貌。表單的外觀,也是最為直接的花樣,可以通過改變它來實現特效,本文分兩個出發點來講述 css魔法和影象魔法。1 css魔法 css,就是大家知道的層疊樣...

Form表單 浮動框架及CSS

form表單 表單的核心是資料 value 設定其中的初始文字 size 設定其輸入框的寬度 單位是 字元寬 其中能放置該數量的字元 maxlength 設定該輸入框最多能輸入的字元個數 readonly 這是乙個 無值 屬性,表示 唯讀 則寫法是 readonly readonly disable...

css層疊樣式表單

二.常用css樣式 三.基本選擇器 四.盒子模型 五.css浮動 練習css 指層疊樣式表 cascading style sheets 定義如何顯示控制 html 元素,從而實現美化html網頁。優勢 為了讓網頁元素的樣式更加豐富,也為了讓網頁的內容和樣式能拆分開,css由此思想而誕生,有了css...