HTML5學習隨筆

2021-07-25 12:41:34 字數 1426 閱讀 5669

html5中各型別元素的具體使用,可以檢視

1、中有accept屬性,可以限制上傳的型別。

如果不限制的格式,可以設定為accept="image/*";

如果只想上傳gif和jpeg格式的,則可以設定accept="image/gif,image/jpeg";

2、元素中有size屬性,可以設定下拉框的顯示選擇項的數量,若選項多於下拉框的高度,則會出現下拉條。

元素還有multiple屬性,可以設定是否對選,用法類似於disabled。

可以對中的進行分類,eg.……

3、元素可以計算兩個文字框之間的值,內嵌了js功能。

作用:實現了不需要事件便可以執行數值間計算。

示例如下:

備註:oninput 事件在使用者輸入時觸發。

該事件在 或 元素的值發生改變時觸發。

4、的輸入標籤具有正規表示式屬性,為pattern。但是瀏覽器對的pattern支援不好,最好使用js來實現驗證。

5、html實體

是將有特殊意義的字元通過實體**顯示出來。例如:< > & 空格等。

可以將實體放在元素中,從而控制實體的顯示大小。eg.<

6、html元資料

元素可以定義文件中的各種元資料,而且乙個html頁面可以包含多個元素,放在元素中使用。

例如平時最常用的定義編碼型別的元資料

還有一種用法為指定名/值元資料對,可以定義當前頁面的作者、描述、關鍵字、編碼工具。

最後一種用法為模擬http標頭字段,

這裡http-equiv屬性已共有兩種屬性值,分別為refresh(重新載入當前頁面,或指定乙個url,單位秒)

和content-type(另一種宣告字元編碼的方式)

7、html元素還有一些其他屬性,

如accesskey可以設定鍵盤快捷鍵,前提是和瀏覽器上其他快捷鍵不衝突。

設定contenteditable屬性,使文字可以進行修改,修改後的文字可以上傳到伺服器。

eg.此處文字可以進行修改

配置lang屬性,可以區域性設定語言,如全域性元素,頁面中大部分是中文,但某一處全是英文,便可以

html5

設定title屬性,可以實現,當滑鼠移動到某一元素上時,滑鼠箭頭底部會出現一行提示,即為title值。

eg.按鈕

當使用鍵盤上的【tab】進行元素切換時,設定tabindex屬性,tabindex優先順序預設是從上到下。但是,可以進行設定,tabindex數值越小,優先順序越高(必須為整數,

即tabindex="1"優先順序是最高的),當tabindex設為負數時,永遠不會被選中。

所有的html元素都具有hidden屬性,可以使設定的元素隱藏。

HTML5學習之 HTML 5 拖放

拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...

HTML5學習筆記一 簡單學習HTML5

html 是用來描述網頁的一種語言。html5 是下一代 html 標準。html html 4.01的上乙個版本誕生於 1999 年。自從那以後,web 世界已經經歷了巨變。html5 仍處於完善之中。然而,大部分現代瀏覽器已經具備了某些 html5 支援。html5 中的一些有趣的新特性 看一下...

HTML5學習筆記一 簡單學習HTML5

html 是用來描述網頁的一種語言。html5 是下一代 html 標準。html html 4.01的上乙個版本誕生於 1999 年。自從那以後,web 世界已經經歷了巨變。html5 仍處於完善之中。然而,大部分現代瀏覽器已經具備了某些 html5 支援。html5 中的一些有趣的新特性 看一下...