《html5 從入門到精通》讀書筆記(二)

2022-02-22 07:07:45 字數 4428 閱讀 7849

接著上面繼續記錄筆記,這次要記的知識點比較多。。。記錄下我認為比較重要的東西。

1.autocomplete屬性

該屬性規定form或input域應該擁有自動完成功能。

<

form

id="user_form"

action

=""method

="get"

autocomplete

="on"

>

e-mail:

<

input

type

="email"

name

="email"

autocomplete

="off"

/>

form

>

2.autofocus屬性

該屬性規定在頁面載入時,域自動獲得焦點。

last name: <

input

type

="text"

name

="lname"

autofocus

="autofocus"

required

="required"

/>

3.form屬性

該屬性規定輸入域所屬的乙個或多個表單。

<

form

id="user_form"

>

form

>

middle name:

<

input

type

="text"

name

="mname"

form

="user_form"

/>

4.表單重寫屬性

formaction - 重寫表單action屬性

formenctype - 重寫表單的enctype屬性

formmethod - 重寫表單的method屬性

formnovalidate - 重寫表單的novalidate屬性

formtarget - 重寫表單的target屬性

<

input

type

="submit"

formmethod

="post"

value

="改寫post"

/>

5.height和width屬性

只適用於image型別的標籤

6.list屬性

該屬性規定輸入的datalist。

7.min、max和step屬性

只適應於包含數字或日期的input型別規定限定。

<

iunput

type

="number"

name

="points"

min="0"

max="10"

step

="3"

/>

8.multiple屬性

該屬性規定輸入域中可選擇多個值,適用於input標籤的email和file型別。

select images:

<

input

type

="file"

name

="img"

multiple

="multiple"

/>

9.novalidate屬性

該屬性規定在提交表單時不應該驗證form或input值。

<

form

id="user_form"

action

=""method

="get"

autocomplete

="on"

novalidate

="true"

>

form

>

10.pattern屬性

該屬性規定用於驗證input域的模式,即正規表示式。

country code: <

input

type

="text"

name

="country_code"

pattern

="[a-z]"

/>

11.placeholder屬性

該屬性提供一種提示,描述輸入域所期待的值。提示會在輸入域為空時顯示出現,會在輸入域獲得焦點時消失。

telephone: <

input

type

="telephone"

name

="tel"

placeholder

="請輸入**號碼"

/>

12.required屬性

該屬性規定必須在提交之前填寫輸入域(不能為空)。

last name: <

input

type

="text"

name

="lname"

autofocus

="autofocus"

required

="required"

/>

標籤

描述

4

5

定義注釋。45

定義文件型別。45

定義超連結。45

表示乙個縮小形式。45

定義首字母縮寫詞。

4定義文件作者或擁有者的聯絡資訊,如果位於article內,表示文章作者或擁有者的聯絡資訊。45

不支援該標籤,用代替、

4定義影象對映中的區域。45

定義外部的內容。外部內容可以是外部新聞提供的文章,或來自blog,或論壇亦或是外部源內容。

5定義article以外的內容、aside的內容應該與article內容相關。

5定義聲音,比如**或其他音訊流。

5定義粗體的文字。45

45覆蓋預設的文字方向,ltr:不變,rtl:英文文字反過來。45

定義摘自另乙個源的塊引用、45

定義文件的主體。45

插入簡單換行符。45

定義按鈕。45

定義圖形,比如圖示和其他影象。

5定義**標題。45

定義引用、45

定義計算機**文字。45

為**中的乙個或多個列定義屬性值。45

定義標的列的組。45

定義命令按鈕,比如單選按鈕、浮選按鈕或按鈕。

5定義選項列表。

5定義乙個定義列表中對專案的描述。45

定義文件中已刪除的文字。45

用於描述文件或文件某個部分的細節。

5定義定義專案。45

定義文件中的division/section。45

定義乙個定義列表。45

定義乙個定義列表中的乙個專案。45

定義強調文字。45

定義嵌入的內容,比如外掛程式。

5可將表單內的相關元素分組。45

定義figure元素的標題。

5用於對元素進行組合。

5定義section或document的頁尾。

5很多標籤都來了,對這些標籤的用法還有很多疑問。打算下次用html5製作乙個頁面,盡量相容多點瀏覽器。

《html5 從入門到精通》讀書筆記(三)

標籤 描述 4 5 定義表單。4 5 to 定義標題1到標題6。45 定義關於文件的資訊,45 定義section或page的頁首。5定義有關文件中的section的資訊。5定義水平線。45 定義html文件。45 定義斜體文字。45 定義行內的子視窗 框架 45 定義影象 45 定義輸入域。45 ...

《MyBatis從入門到精通》讀書筆記

書只有300頁,2天就快看完了。第二遍看,還是會發現一些之前沒有注意到的點,總結一下。1.之前只知道spring aop中用到了動態 實際上mybatis中也有用到。當呼叫乙個介面的方法時,會先通過介面的全限定名稱和當前呼叫的方法名的組合得到乙個方法 id,這個 id 的值就是對映 xml 中nam...

Nginx從入門到精通讀書筆記3

nginx 資料結構 ngx str t 不以 0結束字元,而是用長度標記,可以重複引用一段字串記憶體。操作函式簇 格式化 v ngx pool t 幫助管理資源 記憶體,檔案等 對資源的使用和釋放統一進行。ngx array t nginx的陣列結構在儲存上跟c內建的陣列有相似性,比如都是一大塊連...