目前位置:首頁 > 科技文章 > web前端 > H5教程

  • HTML5實戰與剖析之表單那些事兒
    HTML5實戰與剖析之表單那些事兒
      HTML5針對表單方面也做了一些完善,新加入了一些驗證資料的功能,新加入了一些標籤屬性。有了這些驗證功能,就可以不用JavaScript進行驗證,即使是JavaScript被禁用了也可以毫無壓力的驗證表單了。開發人員不用JavaScript,瀏覽器會根據標記中的規則執行驗證,然後顯示適當的錯誤訊息。這些人性化的功能在支援Html5的瀏覽器中才能有效,支援的瀏覽器有Opera 10+、Safari 5+、Chrome和Firefox 4+。
    H5教程 1769 2018-05-14 16:28:04
  • 關於HTML5中input標籤(type屬性)的詳細介紹
    關於HTML5中input標籤(type屬性)的詳細介紹
    新type屬性介紹首先讓我們來看一張表,測試代碼: 運行效果新type屬性的注意要點兼容性問題由於ie的兼容性的問題,在不同的瀏覽器中顯示效果不盡相同但是在移動設備上的支援效果較好,可以將該頁面發送到手機進行測試實際開發中可以按照需求選用input表單驗證用戶在輸入內容的時候不可能做到全部正確,比如email地址``電話長度等...
    H5教程 11898 2018-05-14 16:26:12
  • 利用html5自訂實現播放器程式碼分享
    利用html5自訂實現播放器程式碼分享
    這篇文章主要介紹了從零實現一個自訂html5播放器的範例程式碼,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟小編過來看看吧
    H5教程 4995 2018-05-14 13:51:03
  • html5透過postMessage進行跨網域通訊的方法_html5教學技巧
    html5透過postMessage進行跨網域通訊的方法_html5教學技巧
    這篇文章主要介紹了html5透過postMessage進行跨域通訊的方法的相關資料,小編覺得挺不錯的,現在分享給大家,HTML5源碼大家可以做個參考。對HTML5有興趣的夥伴們一起跟著小編過來看看吧
    H5教程 1647 2018-05-14 13:38:18
  • HTML5每日一练之datalist标签自动补全的使用
    HTML5每日一练之datalist标签自动补全的使用
    注:在其它的一些教程或资料中datalist标签称为下拉列表,我认为这种叫法不够准确,而且不能一下子理解此标签。比如前段时间:“一个朋友问我datalist是不是一种能自定义样式的select?”,后来才知道,有些书籍或教 ...,。
    H5教程 2630 2018-05-14 11:36:14
  • HTML5 canvas基本繪圖之繪製曲線
    HTML5 canvas基本繪圖之繪製曲線
    <canvas></canvas>是HTML5中新增的標籤,用於繪製圖形,實際上,這個標籤和其他的標籤一樣,其特殊之處在於該標籤可以獲取一個CanvasRenderingContext2D對象,我們可以透過JavaScript腳本來控制該物件進行繪圖。 <canvas></canvas>只是一個繪製圖形的容器,除了id、class、style等屬性外,還有hei
    H5教程 4812 2018-05-14 11:03:22
  • 小強的HTML5行動開發之路(46)-匯率計算器【2】
    小強的HTML5行動開發之路(46)-匯率計算器【2】
    在上一篇我們完成了匯率計算頁面,以下來完成匯率設定頁面的顯示。
    H5教程 2701 2018-05-12 16:58:12
  • HTML5画布下js的文字云/标签云效果-D3 Cloud
    HTML5画布下js的文字云/标签云效果-D3 Cloud
    如果你想创建漂亮的文字云或者标签云效果的话,你可以考虑使用D3-Cloud,这是一个超棒的开源字体云效果javascript类库,基于知名的D3.js,能够帮助你生成类似wordle.com风格的字体或者标签云效果。 这个类库使用 ...,。
    H5教程 5933 2018-05-12 15:04:14
  • HTML5本機資料庫實例詳解
    HTML5本機資料庫實例詳解
    HTML5的Web SQL Databases(html5 本地資料庫)確實很誘惑的人,當你發現可以用與mysql查詢一樣的查詢語句來操作本地資料庫時,你會發現這東西挺有趣的。今天,我們一起來了解HTML 5的Web SQL Database API:openDatabase、transaction、executeSql。
    H5教程 9116 2018-05-12 14:46:42
  • html5上傳圖片IOS系統和Android系統下均顯示相機拍照和圖片選擇
    html5上傳圖片IOS系統和Android系統下均顯示相機拍照和圖片選擇
    最近在做信開發時,發現<input type="file" />在IOS中可以拍照或從照片圖庫選擇,而Android系統則顯示資源管理器,無拍照選項,網上查找資料,改為<input type ="file" capture="camera">後,Android可顯示相機和文檔,但IOS則只有拍照選項了,最後通過判斷設備類型使在IOS和Android下均可以顯示拍照和圖庫選擇,
    H5教程 4673 2018-05-12 13:56:55
  • video標籤無法播放mp4問題在html5中的解決方法
    video標籤無法播放mp4問題在html5中的解決方法
    這篇文章主要為大家介紹了關於解決html5中video標籤無法播放mp4問題的辦法,文中介紹的非常詳細,相信會對大家的學習或工作具有一定的參考學習價值,需要的朋友們下面來一起看看吧。
    H5教程 4926 2018-05-12 11:27:46
  • 使用HTML5做个画图板的方法介绍
    使用HTML5做个画图板的方法介绍
    做画图板,自然使用html5的canvas来实现了。在canvas中我们可以画圆,画矩形,画自定义的线条等等。这次主要使用的画圆跟画线条来实现。html中支持对触摸事件的响应
    H5教程 4314 2018-05-12 09:41:26
  • 移動端HTML5中判斷橫屏豎屏的方法
    移動端HTML5中判斷橫屏豎屏的方法
    這篇文章主要介紹了HTML5中判斷橫屏豎屏的方法(移動端)的相關資料,需要的朋友可以參考下
    H5教程 4567 2018-05-11 16:57:46
  • 纯js和CSS3炫酷自动幻灯片特效
    纯js和CSS3炫酷自动幻灯片特效
    Karrot Slider是一款纯Javascript和CSS3制作的自动播放的幻灯片插件。该幻灯片没有任何外部依赖,内置有8种不同的动画过渡效果。该幻灯片支持响应式图片设计模式,也可以制作为全屏幻灯片模式。 ...,。
    H5教程 3573 2018-05-11 16:35:40
  • canvas與html5實作影片截圖功能範例
    canvas與html5實作影片截圖功能範例
    這段時間一直在研究canvas,突發奇想想做一個可以截圖影片的功能,然後把圖片拉去做表情包,哈哈哈哈哈哈~~製作方法:1.在頁面中載入影片在使用canvas製作這個截圖功能時,首先必須保證頁面上已經加載完成了這個視頻,這樣才能夠方便的對其操作。如果使用下面直接嵌入<video>標籤的方式:<video
    H5教程 3727 2018-05-11 16:20:22

工具推薦

jQuery企業留言表單聯絡程式碼

jQuery企業留言表單聯絡代碼是簡潔實用的企業留言表單和聯絡我們介紹頁面程式碼。
表單按鈕
2024-02-29

HTML5 MP3音樂盒播放特效

HTML5 MP3音樂盒播放特效是一款以html5+css3為基礎製作可愛的音樂盒表情,點選開關按鈕mp3音樂播放器。
播放器特效
2024-02-29

HTML5酷炫粒子動畫導覽選單特效

HTML5酷炫粒子動畫導覽選單特效是一款導覽選單採用滑鼠懸停變色的特效。
選單導航
2024-02-29

jQuery可視化表單拖曳編輯程式碼

jQuery視覺化表單拖曳編輯程式碼是一款基於jQuery和bootstrap框架製作視覺化表單。
表單按鈕
2024-02-29

有機蔬果供應商網頁範本 Bootstrap5

一款有機蔬果供應商網頁範本-Bootstrap5
Bootstrap模板
2023-02-03

Bootstrap3多功能資料資訊後台管理響應式網頁範本-Novus

Bootstrap3多功能資料資訊後台管理響應式網頁範本-Novus
後端模板
2023-02-02

房產資源服務平台網頁範本 Bootstrap5

房產資源服務平台網頁範本 Bootstrap5
Bootstrap模板
2023-02-02

簡約履歷資料網頁範本 Bootstrap4

簡約履歷資料網頁範本 Bootstrap4
Bootstrap模板
2023-02-02

可愛的夏天元素向量素材(EPS+PNG)

這是一款可愛的夏天元素向量素材,包含了太陽、遮陽帽、椰子樹、比基尼、飛機、西瓜、冰淇淋、雪糕、冷飲、游泳圈、夾腳拖、鳳梨、海螺、貝殼、海星、螃蟹、檸檬、防曬乳、太陽眼鏡等等,素材提供了EPS 和免扣PNG 兩種格式,含JPG 預覽圖。
PNG素材
2024-05-09

四個紅色的 2023 畢業徽章的向量素材(AI+EPS+PNG)

這是一款紅色的 2023 畢業徽章向量素材,共四個,提供了 AI 和 EPS 和免扣 PNG 等格式,含 JPG 預覽圖。
PNG素材
2024-02-29

唱歌的小鳥和裝滿花朵的推車設計春天banner向量素材(AI+EPS)

這是一款由唱歌的小鳥和裝滿花朵的推車設計的春天 banner 向量素材,提供了 AI 和 EPS 兩種格式,含 JPG 預覽圖。
banner圖
2024-02-29

金色的畢業帽向量素材(EPS+PNG)

這是一款金色的畢業帽向量素材,提供了 EPS 和免扣 PNG 兩種格式,含 JPG 預覽圖。
PNG素材
2024-02-27

家居裝潢清潔維修服務公司網站模板

家居裝潢清潔維修服務公司網站範本是一款適合提供居家裝潢、清潔、維修等服務機構宣傳網站範本下載。提示:本範本呼叫到Google字體庫,可能會出現頁面開啟比較緩慢。
前端模板
2024-05-09

清新配色個人求職履歷引導頁模板

清新配色個人求職履歷引導頁範本是適合清新配色風格的個人求職履歷作品展示引導頁網頁範本下載。提示:本範本呼叫到Google字體庫,可能會出現頁面開啟比較緩慢。
前端模板
2024-02-29

設計師創意求職履歷網頁模板

設計師創意求職履歷網頁範本是適合各種不同設計師職缺個人求職履歷展示網頁範本下載。提示:本範本呼叫到Google字體庫,可能會出現頁面開啟比較緩慢。
前端模板
2024-02-28

現代工程建築公司網站模板

現代工程建築公司網站模板是一款適合從事工程建築服務行業宣傳網站模板下載。提示:本範本呼叫到Google字體庫,可能會出現頁面開啟比較緩慢。
前端模板
2024-02-28