current location:Home > Technical Articles > Web Front-end > H5 Tutorial

  • HTML5 practice and analysis of forms
    HTML5 practice and analysis of forms
    HTML5 has also made some improvements to the form, adding some new data verification functions and adding some new label attributes. With these validation functions, you can perform validation without JavaScript. Even if JavaScript is disabled, you can validate the form without any pressure. Developers don't use JavaScript; the browser performs validation based on the rules in the markup and displays the appropriate error message. These user-friendly features are only effective in browsers that support Html5. Supported browsers include Opera 10+, Safari 5+, Chrome and Firefox 4+.
    H5 Tutorial 1724 2018-05-14 16:28:04
  • A detailed introduction to the input tag (type attribute) in HTML5
    A detailed introduction to the input tag (type attribute) in HTML5
    Introduction to the new type attribute First, let us take a look at a table and test code: Running effect Points to note about the new type attribute Compatibility issues Due to ie compatibility issues, the display effects are different in different browsers, but on mobile devices The support effect is good, and the page can be sent to the mobile phone for testing. In actual development, the input form can be selected according to the needs to verify that the user cannot be all correct when inputting content, such as email address, phone length, etc...
    H5 Tutorial 11858 2018-05-14 16:26:12
  • Use html5 customization to realize player code sharing
    Use html5 customization to realize player code sharing
    This article mainly introduces the sample code for implementing a custom html5 player from scratch. The editor thinks it is quite good, so I will share it with you now and give it as a reference. Let’s follow the editor and take a look.
    H5 Tutorial 4965 2018-05-14 13:51:03
  • html5 method of cross-domain communication through postMessage_html5 tutorial skills
    html5 method of cross-domain communication through postMessage_html5 tutorial skills
    This article mainly introduces the relevant information on the cross-domain communication method of HTML5 through postMessage. The editor thinks it is quite good. Now I share it with you. You can use the HTML5 source code as a reference. Friends who are interested in HTML5, please follow the editor and come and take a look.
    H5 Tutorial 1618 2018-05-14 13:38:18
  • HTML5每日一练之datalist标签自动补全的使用
    HTML5每日一练之datalist标签自动补全的使用
    注:在其它的一些教程或资料中datalist标签称为下拉列表,我认为这种叫法不够准确,而且不能一下子理解此标签。比如前段时间:“一个朋友问我datalist是不是一种能自定义样式的select?”,后来才知道,有些书籍或教 ...,。
    H5 Tutorial 2594 2018-05-14 11:36:14
  • HTML5 canvas basic drawing drawing curve
    HTML5 canvas basic drawing drawing curve
    <canvas></canvas> is a new tag in HTML5, used to draw graphics. In fact, this tag is the same as other tags. Its special feature is that this tag can obtain a CanvasRenderingContext2D object, which we can use JavaScript scripts to Control this object for drawing. <canvas></canvas> is just a container for drawing graphics. In addition to attributes such as id, class, style, and hei
    H5 Tutorial 4773 2018-05-14 11:03:22
  • Xiaoqiang's HTML5 mobile development road (46) - Exchange rate calculator [2]
    Xiaoqiang's HTML5 mobile development road (46) - Exchange rate calculator [2]
    In the previous article, we completed the exchange rate calculation page, and now we will complete the display of the exchange rate setting page.
    H5 Tutorial 2671 2018-05-12 16:58:12
  • HTML5画布下js的文字云/标签云效果-D3 Cloud
    HTML5画布下js的文字云/标签云效果-D3 Cloud
    如果你想创建漂亮的文字云或者标签云效果的话,你可以考虑使用D3-Cloud,这是一个超棒的开源字体云效果javascript类库,基于知名的D3.js,能够帮助你生成类似wordle.com风格的字体或者标签云效果。 这个类库使用 ...,。
    H5 Tutorial 5897 2018-05-12 15:04:14
  • Detailed explanation of HTML5 local database instance
    Detailed explanation of HTML5 local database instance
    HTML5's Web SQL Databases (html5 local databases) are indeed very tempting. When you find that you can use the same query statements as mysql queries to operate local databases, you will find this thing quite interesting. Today, let’s learn about HTML 5’s Web SQL Database API: openDatabase, transaction, executeSql.
    H5 Tutorial 9074 2018-05-12 14:46:42
  • When uploading pictures using html5, both the IOS system and the Android system display camera photography and picture selection.
    When uploading pictures using html5, both the IOS system and the Android system display camera photography and picture selection.
    Recently when I was doing letter development, I found that <input type="file" /> can take pictures or select from the photo gallery in IOS, while the Android system displays the resource manager and has no photo option. To search for information online, change it to <input type ="file" capture="camera">, Android can display the camera and documents, but IOS only has photo options. Finally, by judging the device type, photo and gallery options can be displayed under both IOS and Android.
    H5 Tutorial 4620 2018-05-12 13:56:55
  • Solution to the problem that the video tag cannot play mp4 in HTML5
    Solution to the problem that the video tag cannot play mp4 in HTML5
    This article mainly introduces to you how to solve the problem that the video tag in HTML5 cannot play MP4. The introduction in the article is very detailed. I believe it will have certain reference learning value for everyone's study or work. Friends who need it can read it together. Take a look.
    H5 Tutorial 4897 2018-05-12 11:27:46
  • 使用HTML5做个画图板的方法介绍
    使用HTML5做个画图板的方法介绍
    做画图板,自然使用html5的canvas来实现了。在canvas中我们可以画圆,画矩形,画自定义的线条等等。这次主要使用的画圆跟画线条来实现。html中支持对触摸事件的响应
    H5 Tutorial 4278 2018-05-12 09:41:26
  • How to determine horizontal and vertical screens in mobile HTML5
    How to determine horizontal and vertical screens in mobile HTML5
    This article mainly introduces relevant information on the method of judging horizontal and vertical screens in HTML5 (mobile terminal). Friends in need can refer to it.
    H5 Tutorial 4533 2018-05-11 16:57:46
  • 纯js和CSS3炫酷自动幻灯片特效
    纯js和CSS3炫酷自动幻灯片特效
    Karrot Slider是一款纯Javascript和CSS3制作的自动播放的幻灯片插件。该幻灯片没有任何外部依赖,内置有8种不同的动画过渡效果。该幻灯片支持响应式图片设计模式,也可以制作为全屏幻灯片模式。 ...,。
    H5 Tutorial 3542 2018-05-11 16:35:40
  • Example of implementing video screenshot function using canvas and html5
    Example of implementing video screenshot function using canvas and html5
    I have been studying canvas during this period, and I suddenly thought of making a function that can take screenshots of videos, and then pull the pictures to make emoticons, hahahahahaha~~ Production method: 1. Load the video on the page and use canvas to make this screenshot When using the function, you must first ensure that the video has been loaded on the page so that it can be operated conveniently. If you use the following method of directly embedding the <video> tag: <video
    H5 Tutorial 3684 2018-05-11 16:20:22

Tool Recommendations

jQuery enterprise message form contact code

jQuery enterprise message form contact code is a simple and practical enterprise message form and contact us introduction page code.
form button
2024-02-29

HTML5 MP3 music box playback effects

HTML5 MP3 music box playback special effect is an mp3 music player based on HTML5 css3 to create cute music box emoticons and click the switch button.

HTML5 cool particle animation navigation menu special effects

HTML5 cool particle animation navigation menu special effect is a special effect that changes color when the navigation menu is hovered by the mouse.
Menu navigation
2024-02-29

jQuery visual form drag and drop editing code

jQuery visual form drag and drop editing code is a visual form based on jQuery and bootstrap framework.
form button
2024-02-29

Organic fruit and vegetable supplier web template Bootstrap5

An organic fruit and vegetable supplier web template-Bootstrap5
Bootstrap template
2023-02-03

Bootstrap3 multifunctional data information background management responsive web page template-Novus

Bootstrap3 multifunctional data information background management responsive web page template-Novus
backend template
2023-02-02

Real estate resource service platform web page template Bootstrap5

Real estate resource service platform web page template Bootstrap5
Bootstrap template
2023-02-02

Simple resume information web template Bootstrap4

Simple resume information web template Bootstrap4
Bootstrap template
2023-02-02

Cute summer elements vector material (EPS PNG)

This is a cute summer element vector material, including the sun, sun hat, coconut tree, bikini, airplane, watermelon, ice cream, ice cream, cold drink, swimming ring, flip-flops, pineapple, conch, shell, starfish, crab, Lemons, sunscreen, sunglasses, etc., the materials are provided in EPS and PNG formats, including JPG previews.
PNG material
2024-05-09

Four red 2023 graduation badges vector material (AI EPS PNG)

This is a red 2023 graduation badge vector material, four in total, available in AI, EPS and PNG formats, including JPG preview.
PNG material
2024-02-29

Singing bird and cart filled with flowers design spring banner vector material (AI EPS)

This is a spring banner vector material designed with singing birds and a cart full of flowers. It is available in AI and EPS formats, including JPG preview.
banner picture
2024-02-29

Golden graduation cap vector material (EPS PNG)

This is a golden graduation cap vector material, available in EPS and PNG formats, including JPG preview.
PNG material
2024-02-27

Home Decor Cleaning and Repair Service Company Website Template

Home Decoration Cleaning and Maintenance Service Company Website Template is a website template download suitable for promotional websites that provide home decoration, cleaning, maintenance and other service organizations. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-05-09

Fresh color personal resume guide page template

Fresh color matching personal job application resume guide page template is a personal job search resume work display guide page web template download suitable for fresh color matching style. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-29

Designer Creative Job Resume Web Template

Designer Creative Job Resume Web Template is a downloadable web template for personal job resume display suitable for various designer positions. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28

Modern engineering construction company website template

The modern engineering and construction company website template is a downloadable website template suitable for promotion of the engineering and construction service industry. Tip: This template calls the Google font library, and the page may open slowly.
Front-end template
2024-02-28
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!