aktueller Standort:Heim > Technische Artikel > Web-Frontend > H5-Tutorial

  • HTML5-Übung und Analyse von Formularen
    HTML5-Übung und Analyse von Formularen
    HTML5 hat auch einige Verbesserungen am Formular vorgenommen, indem es einige neue Datenüberprüfungsfunktionen und einige neue Tag-Attribute hinzugefügt hat. Mit diesen Validierungsfunktionen können Sie eine Validierung ohne JavaScript durchführen. Auch wenn JavaScript deaktiviert ist, können Sie das Formular ohne Druck validieren. Entwickler verwenden kein JavaScript; der Browser führt die Validierung anhand der Regeln im Markup durch und zeigt die entsprechende Fehlermeldung an. Diese benutzerfreundlichen Funktionen sind nur in Browsern wirksam, die HTML5 unterstützen. Zu den unterstützten Browsern gehören Opera 10+, Safari 5+, Chrome und Firefox 4+.
    H5-Tutorial 1761 2018-05-14 16:28:04
  • Eine detaillierte Einführung in das Eingabe-Tag (Typattribut) in HTML5
    Eine detaillierte Einführung in das Eingabe-Tag (Typattribut) in HTML5
    Einführung in das neue Typattribut Werfen wir zunächst einen Blick auf eine Tabelle und testen Sie den Code: Ausführungseffekt Zu beachtende Punkte zum neuen Typattribut Kompatibilitätsprobleme Aufgrund von Kompatibilitätsproblemen sind die Anzeigeeffekte in verschiedenen Browsern unterschiedlich, auf Mobilgeräten jedoch unterschiedlich Geräte Der Unterstützungseffekt ist gut und die Seite kann zum Testen an das Mobiltelefon gesendet werden. In der tatsächlichen Entwicklung kann das Eingabeformular entsprechend den Anforderungen ausgewählt werden, um zu überprüfen, ob der Benutzer bei der Eingabe von Inhalten wie E-Mails nicht alle korrekt sein kann Adresse, Telefonnummer usw.
    H5-Tutorial 11892 2018-05-14 16:26:12
  • Verwenden Sie die HTML5-Anpassung, um die gemeinsame Nutzung von Player-Code zu realisieren
    Verwenden Sie die HTML5-Anpassung, um die gemeinsame Nutzung von Player-Code zu realisieren
    In diesem Artikel wird hauptsächlich der Beispielcode für die Implementierung eines benutzerdefinierten HTML5-Players von Grund auf vorgestellt. Der Herausgeber findet ihn recht gut, daher werde ich ihn jetzt mit Ihnen teilen und als Referenz verwenden. Folgen wir dem Herausgeber und werfen wir einen Blick darauf.
    H5-Tutorial 4991 2018-05-14 13:51:03
  • HTML5-Methode zur domänenübergreifenden Kommunikation durch postMessage_html5-Tutorial-Fähigkeiten
    HTML5-Methode zur domänenübergreifenden Kommunikation durch postMessage_html5-Tutorial-Fähigkeiten
    In diesem Artikel werden hauptsächlich die relevanten Informationen zur domänenübergreifenden Kommunikationsmethode von HTML5 über postMessage vorgestellt. Jetzt kann ich den HTML5-Quellcode als Referenz verwenden. Freunde, die sich für HTML5 interessieren, folgen Sie bitte dem Herausgeber und schauen Sie sich das an.
    H5-Tutorial 1643 2018-05-14 13:38:18
  • HTML5每日一练之datalist标签自动补全的使用
    HTML5每日一练之datalist标签自动补全的使用
    注:在其它的一些教程或资料中datalist标签称为下拉列表,我认为这种叫法不够准确,而且不能一下子理解此标签。比如前段时间:“一个朋友问我datalist是不是一种能自定义样式的select?”,后来才知道,有些书籍或教 ...,。
    H5-Tutorial 2626 2018-05-14 11:36:14
  • Grundlegende Zeichnungskurve für HTML5-Leinwand
    Grundlegende Zeichnungskurve für HTML5-Leinwand
    <canvas></canvas> ist ein neues Tag in HTML5, das zum Zeichnen von Grafiken verwendet wird. Seine Besonderheit besteht darin, dass dieses Tag ein CanvasRenderingContext2D-Objekt erhalten kann Steuern Sie dieses Objekt zum Zeichnen. <canvas></canvas> ist nur ein Container zum Zeichnen von Grafiken. Zusätzlich zu Attributen wie ID, Klasse und Stil gibt es auch hei
    H5-Tutorial 4808 2018-05-14 11:03:22
  • Xiaoqiangs HTML5-Entwicklungsstraße für Mobilgeräte (46) – Wechselkursrechner [2]
    Xiaoqiangs HTML5-Entwicklungsstraße für Mobilgeräte (46) – Wechselkursrechner [2]
    Im vorherigen Artikel haben wir die Seite zur Wechselkursberechnung fertiggestellt, und jetzt werden wir die Anzeige der Seite zur Wechselkurseinstellung vervollständigen.
    H5-Tutorial 2699 2018-05-12 16:58:12
  • HTML5画布下js的文字云/标签云效果-D3 Cloud
    HTML5画布下js的文字云/标签云效果-D3 Cloud
    如果你想创建漂亮的文字云或者标签云效果的话,你可以考虑使用D3-Cloud,这是一个超棒的开源字体云效果javascript类库,基于知名的D3.js,能够帮助你生成类似wordle.com风格的字体或者标签云效果。 这个类库使用 ...,。
    H5-Tutorial 5924 2018-05-12 15:04:14
  • Detaillierte Erläuterung der lokalen HTML5-Datenbankinstanz
    Detaillierte Erläuterung der lokalen HTML5-Datenbankinstanz
    Die Web-SQL-Datenbanken (lokale HTML5-Datenbanken) von HTML5 sind in der Tat sehr verlockend. Wenn Sie feststellen, dass Sie dieselben Abfrageanweisungen wie MySQL-Abfragen verwenden können, um lokale Datenbanken zu betreiben, werden Sie diese Sache sehr interessant finden. Heute lernen wir die Web-SQL-Datenbank-API von HTML 5 kennen: openDatabase, Transaction, ExecuteSql.
    H5-Tutorial 9113 2018-05-12 14:46:42
  • Beim Hochladen von Bildern mit HTML5 zeigen sowohl IOS- als auch Android-Systeme Kamerafotografie und Bildauswahl an.
    Beim Hochladen von Bildern mit HTML5 zeigen sowohl IOS- als auch Android-Systeme Kamerafotografie und Bildauswahl an.
    Als ich kürzlich Briefe entwickelte, stellte ich fest, dass <input type="file" /> in IOS Bilder aufnehmen oder aus der Fotogalerie auswählen kann, während das Android-System den Ressourcenmanager anzeigt und keine Fotooption zum Suchen bietet Informationen online, ändern Sie sie in <input type="file"capture="camera">, Android kann die Kamera und Dokumente anzeigen, aber IOS verfügt nur über Fotooptionen. Schließlich können durch Beurteilung des Gerätetyps Foto- und Galerieoptionen angezeigt werden sowohl unter IOS als auch unter Android.
    H5-Tutorial 4672 2018-05-12 13:56:55
  • Lösung für das Problem, dass das Video-Tag in HTML5 keine MP4-Dateien abspielen kann
    Lösung für das Problem, dass das Video-Tag in HTML5 keine MP4-Dateien abspielen kann
    In diesem Artikel erfahren Sie hauptsächlich, wie Sie das Problem lösen können, dass das Video-Tag in HTML5 MP4 nicht abspielen kann. Ich glaube, dass es für alle, die es benötigen, einen gewissen Referenz- und Lernwert haben wird kann es gemeinsam lesen.
    H5-Tutorial 4923 2018-05-12 11:27:46
  • 使用HTML5做个画图板的方法介绍
    使用HTML5做个画图板的方法介绍
    做画图板,自然使用html5的canvas来实现了。在canvas中我们可以画圆,画矩形,画自定义的线条等等。这次主要使用的画圆跟画线条来实现。html中支持对触摸事件的响应
    H5-Tutorial 4311 2018-05-12 09:41:26
  • So bestimmen Sie horizontale und vertikale Bildschirme in mobilem HTML5
    So bestimmen Sie horizontale und vertikale Bildschirme in mobilem HTML5
    In diesem Artikel werden hauptsächlich relevante Informationen zur Methode zur Beurteilung horizontaler und vertikaler Bildschirme in HTML5 (mobiles Terminal) vorgestellt.
    H5-Tutorial 4564 2018-05-11 16:57:46
  • 纯js和CSS3炫酷自动幻灯片特效
    纯js和CSS3炫酷自动幻灯片特效
    Karrot Slider是一款纯Javascript和CSS3制作的自动播放的幻灯片插件。该幻灯片没有任何外部依赖,内置有8种不同的动画过渡效果。该幻灯片支持响应式图片设计模式,也可以制作为全屏幻灯片模式。 ...,。
    H5-Tutorial 3571 2018-05-11 16:35:40
  • Beispiel für die Implementierung der Video-Screenshot-Funktion mit Canvas und HTML5
    Beispiel für die Implementierung der Video-Screenshot-Funktion mit Canvas und HTML5
    Ich habe mich in dieser Zeit mit Canvas beschäftigt und dachte plötzlich daran, eine Funktion zu entwickeln, die Screenshots von Videos machen und dann die Bilder ziehen kann, um Emoticons zu erstellen, hahahahahaha~~ Produktionsmethode: 1. Laden Sie das Video auf die Seite und verwenden Sie Canvas Um diesen Screenshot zu erstellen, müssen Sie bei der Nutzung der Funktion zunächst sicherstellen, dass das Video auf der Seite geladen wurde, damit es bequem bedient werden kann. Wenn Sie die folgende Methode zum direkten Einbetten des <video>-Tags verwenden: <video
    H5-Tutorial 3724 2018-05-11 16:20:22

Werkzeugempfehlungen

Kontaktcode für das jQuery-Enterprise-Nachrichtenformular

Der Kontaktcode für das jQuery-Unternehmensnachrichtenformular ist ein einfacher und praktischer Unternehmensnachrichtenformular- und Kontaktcode für die Einführungsseite.

Wiedergabeeffekte für HTML5-MP3-Spieluhren

Der Spezialeffekt „HTML5 MP3-Musikbox-Wiedergabe“ ist ein MP3-Musikplayer, der auf HTML5+CSS3 basiert, um niedliche Musikbox-Emoticons zu erstellen und auf die Schaltfläche „Umschalten“ zu klicken.

HTML5 coole Partikelanimations-Navigationsmenü-Spezialeffekte

Der Spezialeffekt „HTML5 Cool Particle Animation“ für das Navigationsmenü ist ein Spezialeffekt, der seine Farbe ändert, wenn die Maus über das Navigationsmenü bewegt wird.
Menünavigation
2024-02-29

Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare

Der Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare ist eine visuelle Form, die auf jQuery und dem Bootstrap-Framework basiert.

Webvorlage für Bio-Obst- und Gemüselieferanten Bootstrap5

Eine Webvorlage für Bio-Obst- und Gemüselieferanten – Bootstrap5
Bootstrap-Vorlage
2023-02-03

Bootstrap3 multifunktionale Dateninformations-Hintergrundverwaltung, responsive Webseitenvorlage – Novus

Bootstrap3 multifunktionale Dateninformations-Hintergrundverwaltung, responsive Webseitenvorlage – Novus
Backend-Vorlage
2023-02-02

Webseitenvorlage für die Immobilienressourcen-Serviceplattform Bootstrap5

Webseitenvorlage für die Immobilienressourcen-Serviceplattform Bootstrap5
Bootstrap-Vorlage
2023-02-02

Einfache Webvorlage für Lebenslaufinformationen Bootstrap4

Einfache Webvorlage für Lebenslaufinformationen Bootstrap4
Bootstrap-Vorlage
2023-02-02

可爱的夏天元素矢量素材(EPS+PNG)

这是一款可爱的夏天元素矢量素材,包含了太阳、遮阳帽、椰子树、比基尼、飞机、西瓜、冰淇淋、雪糕、冷饮、游泳圈、人字拖、菠萝、海螺、贝壳、海星、螃蟹、柠檬、防晒霜、太阳镜等等,素材提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG material
2024-05-09

四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)

这是一款红的的 2023 毕业徽章矢量素材,共四个,提供了 AI 和 EPS 和免扣 PNG 等格式,含 JPG 预览图。
PNG material
2024-02-29

唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)

这是一款由唱歌的小鸟和装满花朵的推车设计的春天 banner 矢量素材,提供了 AI 和 EPS 两种格式,含 JPG 预览图。
Banner image
2024-02-29

金色的毕业帽矢量素材(EPS+PNG)

这是一款金色的毕业帽矢量素材,提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG material
2024-02-27

Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen

Die Website-Vorlage für Reinigungs- und Wartungsdienste für Heimdekoration ist ein Website-Vorlagen-Download, der sich für Werbewebsites eignet, die Heimdekorations-, Reinigungs-, Wartungs- und andere Dienstleistungsorganisationen anbieten. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-05-09

Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben

Die Vorlage „Fresh Color Matching“ für die Lebenslauf-Leitfadenseite für persönliche Bewerbungen ist eine persönliche Webvorlage zum Herunterladen von Lebensläufen für die Jobsuche, die für einen frischen Farbabstimmungsstil geeignet ist. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-29

Web-Vorlage für kreativen Job-Lebenslauf für Designer

Die Webvorlage „Designer Creative Job Resume“ ist eine herunterladbare Webvorlage für die Anzeige persönlicher Lebensläufe, die für verschiedene Designerpositionen geeignet ist. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-28

Website-Vorlage eines modernen Ingenieurbauunternehmens

Die Website-Vorlage für moderne Ingenieur- und Bauunternehmen ist eine herunterladbare Website-Vorlage, die sich zur Förderung der Ingenieur- und Baudienstleistungsbranche eignet. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-28