第五十二天

? ? ? ? ?HTML5

●MathML 是數學標記語言,是一種基于XML(標準通用標記語言的子集)的標準,用來在互聯網上書寫數學符號和公式的置標語言。

●拖放

拖放是一種常見的特性,即抓取對象以后拖到另一個位置。

在 HTML5 中,拖放是標準的一部分,任何元素都能夠拖放

●<video> 元素提供了 播放、暫停和音量控件來控制視頻。

?也提供了 width 和 height 屬性控制視頻的尺寸。如果設置的高度和寬度,所需的視頻空間會在頁面加載時保留。如果沒有設置這些屬性,頁面就會根據原始視頻的大小而改變。

<video> 與</video> 標簽之間插入的內容是提供給不支持 video 元素的瀏覽器顯示的。

<video> 元素支持多個 <source> 元素. <source> 元素可以鏈接不同的視頻文件。

●<video> 和 <audio> 元素同樣擁有方法、屬性和事件。

<video> 和 <audio>元素的方法、屬性和事件可以使用JavaScript進行控制.

其中的方法用于播放、暫停以及加載等。其中的屬性(比如時長、音量等)可以被讀取或設置。其中的 DOM 事件能夠通知,比方說,<video> 元素開始播放、已暫停,已停止,等等。

●control 屬性供添加播放、暫停和音量控件。

在<audio> 與 </audio> 之間你需要插入瀏覽器不支持的<audio>元素的提示文本 。

<audio> 元素允許使用多個 <source> 元素。

<source> 元素可以鏈接不同的音頻文件。

●HTML5 新的表單元素

HTML5 有以下新的表單元素:

<datalist>

<keygen>

<output>

注意:不是所有的瀏覽器都支持HTML5 新的表單元素,但是可以在使用它們,即使瀏覽器不支持表單屬性,仍然可以顯示為常規的表單元素。

● <datalist> 元素

<datalist> 元素規定輸入域的選項列表。

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

● <keygen> 元素

<keygen> 元素的作用是提供一種驗證用戶的可靠方法。

<keygen>標簽規定用于表單的密鑰對生成器字段。

當提交表單時,會生成兩個鍵,一個是私鑰,一個公鑰。

私鑰(private key)存儲于客戶端,公鑰(public key)則被發送到服務器。公鑰可用于之后驗證用戶的客戶端證書(client certificate)。

● <output> 元素

<output> 元素用于不同類型的輸出。

●HTML5新的表單屬性

<form> 和<input>標簽添加了新屬性

?<form> / <input> autocomplete 屬性

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

當用戶在自動完成域中開始輸入時,瀏覽器應該在該域中顯示填寫的選項。

autocomplete 屬性有可能在 form元素中是開啟的,而在input元素中是關閉的。

注:?autocomplete 適用于 <form> 標簽,以及以下類型的 <input> 標簽:text, search, url, telephone, email, password, datepickers, range 以及 color。

?<form>? ? novalidate 屬性

novalidate 是一個布爾(true 或 false)屬性。

novalidate 屬性是 HTML 表單元素的一個布爾屬性,用于設置瀏覽器不對表單進行驗證。

當該屬性被添加到 <form> 元素上時,瀏覽器將不會執行默認的表單驗證,不會檢查輸入字段是否符合指定的驗證規則。

?<input> autofocus 屬性

autofocus 屬性是一個布爾屬性,規定在頁面加載時,域自動地獲得焦點。

?<input> form 屬性

form 屬性規定輸入域所屬的一個或多個表單,如需引用一個以上的表單,請使用空格分隔的列表。

?<input> formaction 屬性

The formaction 屬性用于描述表單提交的URL地址,會覆蓋<form> 元素中的action屬性.

注:?The formaction 屬性用于 type="submit" 和 type="image"。

?<input> formenctype 屬性

formenctype 屬性描述了表單提交到服務器的數據編碼 (只對form表單中 method="post" 表單),覆蓋 form 元素的 enctype 屬性。

與 type="submit" 和 type="image" 配合使用。

?<input> formmethod 屬性

? ?formmethod 屬性定義了表單提交的方式,覆蓋了 <form> 元素的 method 屬性。

?<input> formnovalidate 屬性

? ? novalidate 屬性是一個 boolean 屬性,描述了 <input> 元素在表單提交時無需被驗證,會覆蓋 <form> 元素的novalidate屬性。

與?type="submit"?一起使用

?<input> formtarget 屬性

? ? formtarget 屬性指定一個名稱或一個關鍵字來指明表單提交數據接收后的展示,覆蓋 <form>元素的target屬性。

?<input> height 和 width 屬性

height 和 width 屬性規定用于 image 類型的 <input> 標簽的圖像高度和寬度。

注意:?height 和 width 屬性只適用于 image 類型的<input> 標簽。

?<input> list 屬性

list 屬性規定輸入域的 datalist。datalist 是輸入域的選項列表。

?<input> multiple 屬性

multiple 屬性是一個 boolean 屬性.

multiple 屬性規定<input> 元素中可選擇多個值。

注意:?multiple 屬性適用于以下類型的 <input> 標簽:email 和 file

上傳多個文件:

Select images: <input type="file" name="img" multiple>

?<input> pattern 屬性

pattern 屬性描述了一個正則表達式用于驗證 <input> 元素的值。

用來全局?title?屬性來描述模式。

?<input> placeholder 屬性

placeholder 屬性提供一種提示(hint),描述輸入域所期待的值。

簡短的提示在用戶輸入值前會顯示在輸入域上。

?<input> required 屬性

required 屬性是一個 boolean 屬性,規定必須在提交之前填寫輸入域(不能為空)。

?<input> step 屬性

step 屬性為輸入域規定合法的數字間隔。

如果 step="3",則合法的數是 -3,0,3,6 等

?step 屬性可以與 max 和 min 屬性創建一個區域值。

?

?

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/35372.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/35372.shtml
英文地址,請注明出處:http://en.pswp.cn/news/35372.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

YAMLException: java.nio.charset.MalformedInputException: Input length = 1

springboot項目啟動的時候提示這個錯誤&#xff1a;YAMLException: java.nio.charset.MalformedInputException: Input length 1 根據異常信息提示&#xff0c;是YAML文件有問題。 原因是yml配置文件的編碼有問題。 需要修改項目的編碼格式&#xff0c;一般統一為UTF-8。 或…

分別用python和go語言來實現的風靡一時的2048 游戲,包含完整代碼

目錄 1、Python實現2、Go實現 2048 游戲實現主要包括以下幾個步驟&#xff1a; 創建一個棋盤&#xff0c;通常使用二維列表表示。實現棋子的移動規則&#xff0c;左移、右移、上移、下移。判斷游戲是否結束&#xff0c;即棋盤是否已滿或者無空位可移動。實現游戲界面的顯示。 …

【Android】ViewBinding+DataBinding+MVVM新手快速上手

為什么寫這篇博客 網上大部分博客&#xff0c;代碼量都比較大&#xff0c;把實際的業務都代入進去了 這篇博客的目的&#xff0c;就是為了講解基本原理和使用思路&#xff0c;然后給出一個最簡單的Demo 這里不講解具體用法&#xff0c;那樣篇幅會太長&#xff0c;直接看Demo…

TENNECO EDI 項目——X12與XML之間的轉換

近期為了幫助廣大用戶更好地使用 EDI 系統&#xff0c;我們根據以往的項目實施經驗&#xff0c;將成熟的 EDI 項目進行開源。用戶安裝好知行之橋EDI系統之后&#xff0c;只需要下載我們整理好的示例代碼&#xff0c;并放置在知行之橋指定的工作區中&#xff0c;即可開始使用。 …

YOLOv5入門實踐(3)— 手把手教你如何去劃分數據集

前言&#xff1a;Hello大家好&#xff0c;我是小哥談。數據集標注完成之后&#xff0c;下一步就是對這些數據集進行劃分了。面對繁雜的數據集&#xff0c;如果手動劃分的話&#xff0c;不僅麻煩而且不能保持隨機性。本節課就給大家介紹一種方法&#xff0c;即使用代碼去劃分數據…

Xcode升級導致關聯庫報錯

想辦法找到對應的庫 然后到 Build Phases -- LinkBinary With Libraries中點擊&#xff0c;選擇對應的framework即可&#xff0c;就像我工程的報錯 Undefined symbol: _OBJC_CLASS_$_ADClient _OBJC_CLASS_$_ASIdentifierManager 缺失的庫是AdSupport.framework 添加后再次編…

Elasticsearch6.x和7.x的區別

Elasticsearch6.x和7.x的區別 1、查找方面的區別 在增刪改方面&#xff0c;6.x和7.x是一樣的&#xff0c;在查找方面&#xff08;分為普通查找和有高亮的查找&#xff09;&#xff0c;6.x和7.x有區別。 在7.x的es中&#xff1a; org.springframework.data.elasticsearch.cor…

Styled-components,另一種css in js的方案

介紹 Styled-components是一種流行的CSS-in-JS庫&#xff0c;它為React和React Native應用程序提供了一種優雅的方式來管理組件的樣式。它的設計理念是將CSS樣式與組件邏輯緊密綁定在一起&#xff0c;從而使樣式在組件層級中作用更加清晰和可維護 使用 安裝Styled-components…

【C語言】操作符詳解

目錄 一、算數操作符 二、移位操作符 1.左移操作符 2.右移操作符 (1) 邏輯右移 (2) 算術右移 (3)小總結 三、位操作符 四、賦值操作符 五、單目操作符 六、關系操作符 七、邏輯操作符 八、 條件操作符 九、逗號表達式 十、下標引用、函數調用和結構成員 1. [ ]下…

QT-如何使用RS232進行讀寫通訊

以下是一個使用Qt進行RS232通訊的具體示例&#xff0c;包括讀取和寫入數據的操作&#xff1a; #include <QCoreApplication> #include <QDebug> #include <QSerialPort> #include <QTimer>QSerialPort serial; // 串口對象void readData() {QByteArra…

GO學習之 微框架(Gin)

GO系列 1、GO學習之Hello World 2、GO學習之入門語法 3、GO學習之切片操作 4、GO學習之 Map 操作 5、GO學習之 結構體 操作 6、GO學習之 通道(Channel) 7、GO學習之 多線程(goroutine) 8、GO學習之 函數(Function) 9、GO學習之 接口(Interface) 10、GO學習之 網絡通信(Net/Htt…

UDS的DID(Data identification)

引言 DID是UDS中的一個重要概念&#xff0c;它代表著特定的數據標識符。DID用于標識和獲取ECU中的特定參數數據&#xff0c;如傳感器數據、狀態信息等。通過使用DID&#xff0c;診斷工具可以準確地獲取所需的數據&#xff0c;從而幫助診斷人員更好地了解車輛的狀態和性能。 D…

開發者必知:.gitignore 文件的魔法,助你管理項目文件如虎添翼!

前言&#xff1a; 在軟件開發的世界中&#xff0c;版本控制是一個至關重要的環節。而 Git 作為目前最流行的分布式版本控制系統之一&#xff0c;已經成為開發者不可或缺的工具。然而&#xff0c;在日常的開發過程中&#xff0c;有些文件是不適合被納入版本控制的&#xff0c;比…

leetcode242. 有效的字母異位詞

題目&#xff1a;leetcode242. 有效的字母異位詞 描述&#xff1a; 給定兩個字符串 s 和 t &#xff0c;編寫一個函數來判斷 t 是否是 s 的字母異位詞。 注意&#xff1a;若 s 和 t 中每個字符出現的次數都相同&#xff0c;則稱 s 和 t 互為字母異位詞。 示例 1: 輸入: s “…

【React | 前端】在React的前端頁面中,判斷某個變量值是否被定義?根據是否定義顯示不同的內容?

問題描述 在React的前端頁面中&#xff0c;判斷某個變量值是否被定義&#xff1f;根據是否定義顯示不同的內容&#xff1f; 問題場景 假如&#xff0c;現在有一個需求是設計一個新功能&#xff0c;新功能中要求新增一個之前沒有的變量&#xff0c;假設是計算某一個數組的長度…

基于Java+SpringBoot+Vue的數碼論壇系統設計與實現(源碼+LW+部署文檔等)

博主介紹&#xff1a; 大家好&#xff0c;我是一名在Java圈混跡十余年的程序員&#xff0c;精通Java編程語言&#xff0c;同時也熟練掌握微信小程序、Python和Android等技術&#xff0c;能夠為大家提供全方位的技術支持和交流。 我擅長在JavaWeb、SSH、SSM、SpringBoot等框架…

【C語言】深度剖析數據在內存中的存儲

一、數據類型詳細介紹 1、數據類型介紹 &#xff08;1&#xff09;基本的內置類型 //內置類型就是C語言自帶的類型char //字符數據類型 short //短整型 int //整形 long //長整型 long long //更長的整形 float //單精度浮點數 double …

微信小程序使用rich-text解析富文本字符串的時候,遇到image標簽圖片很大超過屏幕

場景&#xff1a; 使用uniapp開發微信小程序&#xff0c;解析富文本文章需求 用到的組件&#xff1a; u-view2.0的u-parse uniapp提供的rich-text 以上兩種組件都是解析富文本的作用&#xff0c;一般用于富文本解析場景&#xff0c;比如解析文章內容&#xff0c;商品詳情&am…

桶排序-1184:明明的隨機數

【題目描述】 明明想在學校中請一些同學一起做一項問卷調查&#xff0c;為了實驗的客觀性&#xff0c;他先用計算機生成了N個1到1000之間的隨機整數&#xff08;N≤100&#xff09;&#xff0c;對于其中重復的數字&#xff0c;只保留一個&#xff0c;把其余相同的數去掉&#x…

安防監控視頻匯聚平臺EasyCVR分發的FLV視頻流在VLC中無法播放是什么原因?

眾所周知&#xff0c;TSINGSEE青犀視頻匯聚平臺EasyCVR可支持多協議方式接入&#xff0c;包括主流標準協議國標GB28181、RTSP/Onvif、RTMP等&#xff0c;以及廠家私有協議與SDK接入&#xff0c;包括海康Ehome、海大宇等設備的SDK等。在視頻流的處理與分發上&#xff0c;視頻監控…