小白的前端學習筆記(表單 行內塊級 css基礎)

2021-10-05 23:00:13 字數 2169 閱讀 2852

二、input

三、下拉列表

四、多行文字域

五、span 行內元素

六、div 塊級元素

七、span和div共同點都是不含有其他樣式

八、div和span的用途

九、css 層疊式樣式表

十、css常用屬性

結束語

methon:請求方式

post 隱式請求

get 顯示請求

action:提交動作(設定提交目的地)

enctype 提交表單的型別

multipart/form-data 檔案型別

1、

get請求引數是直接在位址列中通過?分割追加引數,可見

post 在請求體中 不可見

2、get請求傳遞引數有大小限制,一般為1kb

post請求無大小限制

3、get請求效率高

post請求效率低

屬性有

type:

text 文字型別

password 密碼框

radio 單選框 (name值必須一致)

checked 預設選中

checkbox 核取方塊(name必須一致)

checked 預設選中

submit 提交按鈕(提交form的值)

reset 重置按鈕

button 普通按鈕

image 按鈕(也具有提交功能)

file 檔案上傳

multiple 多檔案上傳

hidden 隱藏域

email 郵箱(html5)

number 數字(html5)

range 滑塊(html5)

name: 名稱(提交資料時會傳給伺服器)

value: 設定值(使用者輸入時可在後面追加)

placeholder: 設定提示呀(輸入時不可見)

maxlength: 設定文字框的最大值

checked: 設定預設選中

multiple: 多檔案選擇

disable 禁用

min 最小值(number\range)

max 最大值(number\range)

step 步長(數字間隔)(number\range)

表單的高階應用:

hidden: 隱藏

redonly:唯讀

屬性:

name 名稱(提交資料時會將值傳給伺服器)

size 設定顯示的行數

列表項屬性有:

value: 列表的傳遞值

selected 設定預設選中

屬性有: 

name 名稱(提交資料時會將值傳遞給伺服器name=value)

1、div容器用作布局

2、span一般用作一段文字中某些文字的樣式改變

作用:美化網頁
1、內聯樣式

style=""

2、內部樣式3、外部

1、基本選擇器

a、類選擇器

.類名b、標籤選擇器

標籤c、id選擇器

#id

選擇器

*每一條宣告通過;結尾 最後一條宣告可以省略但不建議

字型樣式 

font-family 設定字型型別

font-size 設定字型大小

font-weight 設定字型粗細 (正常值400)

font-style 設定字型風格

font:style weight size family

瀏覽器 預設字型畫素16px--1rem

單位:px 畫素

rem 相對body的字型大小

em 相對父容器的大小

小白的學習還在繼續!

前端小白的筆記 doctype html

1 定義 doctype標籤是一種標準通用標記語言的文件型別宣告,它的目的是要告訴標準通用標記語言解析器,它應該使用什麼樣的文件型別定義 dtd 來解析文件。宣告必須是 html 文件的第一行,位於 html 標籤之前。2 作用 宣告文件的解析型別 document.compatmode 避免瀏覽器...

小白的前端學習筆記(浮動 css選擇器)

after 和 beforev i 選擇器高階選擇器 總結float left right 1 在父容器內設定css overflow hidden 2 在父容器最底部加上乙個空div 3 在父容器內設定css parent after after 在元素後面新增內容 content設定其內容 be...

前端小白子城的筆記 一

新的一年2018年已經過去一周了!而身為程式設計師,技術本身就更新快,所以子城也 位卑不敢忘學習 聊下最近特別火的李小璐和pgone事件,我只能說貴圈太亂,不過李小璐生為星二代,可能得到的東西太容易了,人就會不珍惜,最後自己毀掉了這一切。爬的越高,越要謹慎!我就喜歡 李逍遙 的胡歌,低調的錘煉演技才...