HTML關於表單和類選擇器自學筆記

2021-10-17 06:53:48 字數 1080 閱讀 9126

表單

1.< input type=「text」>基本文字框

2.< input type=「password」>密碼框 都為行級元素

3. < input type=「radio」 name=「***」> 單選框

4.< input type=「checkbox」 name=「like」> 核取方塊

5.< input type=「file」>上傳附件

6.< select >下拉框

< option > 學生< /option>

< option> 老師< /option>

< /select>

7 .< textarea>< /textarea> 文字域

8. < input type=「submit」 value=「登入」> 提交

9. < input type=「reset」>重置ii

10.< input type=「button」 value=「返回」>校驗 (的自己設定名字)

11.< form>表單(塊級元素)

action定義路徑 method傳值方式get/post (get會顯示在位址列post 隱藏)

作用:1.提交文字框內容給其他頁面 2.讓按鈕有預設事件

屬性:1.name 給標籤起名

讓單選和核取方塊表示選擇一類值

讓表單跳轉可以接到文字框的值 name=value

2. value定義文字裡的值

3.checked讓單選或者核取方塊選中

4.maxlenght 設定文字的最大長度

5.readonly唯讀

6.disabled禁用(也不可以傳值)

屬性選擇器

1.img[src]{}屬性選擇器

2.input[ type=「text」]{}屬性值選擇器

3.div[ class~=「a」]空格前後找匹配的值

4.div[ class^=「a」]{}選擇以a開頭

5.div[ class$=「a」]{}選擇以a結尾

6.div[ class*=「a」]{}選擇包含a的所有值

7.div[ class|=「a」]{}選擇以a開頭並且帶「-」符號的

html 偽類選擇器

1.first child 偽類選擇器,選取其父元素的第乙個子元素的元素 2.last child 偽類選擇器,選取其作為父元素的最後乙個子元素 3.nth child n 偽類選擇器,選其作為父元素的第n個子元素的元素。4.before 偽元素選擇器,所有子元素的最前面新增乙個偽元素。5,afte...

選擇器 表單

匹配所有input,textarea,select 和 button 元素 描述 查詢所有的input元素,下面這些元素都會被匹配到。html jquery input 結果 option button,匹配所有的單行文字框 描述 查詢所有文字框 html jquery text 結果 匹配所有密碼...

html 類和id class和id選擇器

id是用於給標籤加入標記的 注 各個id不能重複 乙個標籤只能有乙個id p1 噠噠噠噠噠噠p 這裡 為p標籤加入叫做p1的id 當多個標籤需要進行相同的操作的時候 可以用class標記 類用於標記多個標籤 同乙個類名可以標記多個標籤 乙個元素可以有多個類名 class p2 p3 噠噠噠噠噠噠p ...