現在位置:ホームページ > 技術記事 > ウェブフロントエンド > H5 チュートリアル

  • HTML5の実践とフォームの分析
    HTML5の実践とフォームの分析
    HTML5 では、フォームにいくつかの改良が加えられ、新しいデータ検証機能が追加され、新しいタグ属性がいくつか追加されました。これらの検証機能を使用すると、JavaScript が無効になっている場合でも、ストレスなくフォームを検証できます。開発者は JavaScript を使用しません。ブラウザはマークアップのルールに基づいて検証を実行し、適切なエラー メッセージを表示します。これらのユーザーフレンドリーな機能は、HTML5 をサポートするブラウザでのみ有効です。サポートされているブラウザには、Opera 10 以降、Safari 5 以降、Chrome、Firefox 4 以降が含まれます。
    H5 チュートリアル 1761 2018-05-14 16:28:04
  • HTML5のinputタグ(type属性)について詳しく紹介します。
    HTML5のinputタグ(type属性)について詳しく紹介します。
    新しい type 属性の概要 まず、表を見てコードをテストしてみましょう。 実行時の効果 新しい type 属性に関する注意点 互換性の問題 IE の互換性の問題により、表示効果はブラウザーごとに異なりますが、モバイルでは異なります。サポート効果が高く、実際の開発ではメールなどの入力内容がすべて正しいかどうかを検証するために、必要に応じて入力フォームを選択できます。住所、電話の長さなど...
    H5 チュートリアル 11892 2018-05-14 16:26:12
  • HTML5 カスタマイズを使用してプレーヤー コード共有を実現する
    HTML5 カスタマイズを使用してプレーヤー コード共有を実現する
    この記事では、カスタム HTML5 プレーヤーをゼロから実装するためのサンプル コードを主に紹介します。編集者が非常に優れていると考えたので、参考として共有します。編集者をフォローして見てみましょう。
    H5 チュートリアル 4991 2018-05-14 13:51:03
  • postMessage_html5 チュートリアル スキルによるクロスドメイン通信の html5 方法
    postMessage_html5 チュートリアル スキルによるクロスドメイン通信の html5 方法
    この記事では、postMessage による HTML5 のクロスドメイン通信方法に関する関連情報を中心に紹介します。HTML5 のソースコードを参考にしてください。 HTML5に興味のあるお友達は、ぜひ編集者をフォローして見に来てください。
    H5 チュートリアル 1643 2018-05-14 13:38:18
  • HTML5每日一练之datalist标签自动补全的使用
    HTML5每日一练之datalist标签自动补全的使用
    注:在其它的一些教程或资料中datalist标签称为下拉列表,我认为这种叫法不够准确,而且不能一下子理解此标签。比如前段时间:“一个朋友问我datalist是不是一种能自定义样式的select?”,后来才知道,有些书籍或教 ...,。
    H5 チュートリアル 2626 2018-05-14 11:36:14
  • HTML5キャンバス基本描画 曲線描画
    HTML5キャンバス基本描画 曲線描画
    <canvas></canvas> は、グラフィックを描画するために使用される HTML5 の新しいタグです。実際、このタグの特徴は、JavaScript スクリプトを使用して CanvasRenderingContext2D オブジェクトを取得できることです。このオブジェクトを制御して描画します。 <canvas></canvas> は、id、class、style、hei などの属性に加えて、グラフィックを描画するための単なるコンテナです。
    H5 チュートリアル 4808 2018-05-14 11:03:22
  • Xiaoqiang の HTML5 モバイル開発ロード (46) - 為替レート計算ツール [2]
    Xiaoqiang の HTML5 モバイル開発ロード (46) - 為替レート計算ツール [2]
    前回の記事で為替レート計算ページが完成しましたので、今回は為替レート設定ページの表示を完了させます。
    H5 チュートリアル 2699 2018-05-12 16:58:12
  • HTML5画布下js的文字云/标签云效果-D3 Cloud
    HTML5画布下js的文字云/标签云效果-D3 Cloud
    如果你想创建漂亮的文字云或者标签云效果的话,你可以考虑使用D3-Cloud,这是一个超棒的开源字体云效果javascript类库,基于知名的D3.js,能够帮助你生成类似wordle.com风格的字体或者标签云效果。 这个类库使用 ...,。
    H5 チュートリアル 5924 2018-05-12 15:04:14
  • HTML5ローカルデータベースインスタンスの詳細説明
    HTML5ローカルデータベースインスタンスの詳細説明
    HTML5 の Web SQL データベース (html5 ローカル データベース) は、mysql クエリと同じクエリ ステートメントを使用してローカル データベースを操作できることがわかると、非常に魅力的であることがわかります。今日は、HTML 5 の Web SQL データベース API、openDatabase、transaction、executeSql について学びましょう。
    H5 チュートリアル 9113 2018-05-12 14:46:42
  • html5 を使用して写真をアップロードすると、IOS と Android の両方のシステムでカメラ撮影と写真の選択が表示されます。
    html5 を使用して写真をアップロードすると、IOS と Android の両方のシステムでカメラ撮影と写真の選択が表示されます。
    最近、レター開発をしていたときに、IOS では <input type="file" /> で写真を撮ったり、フォト ギャラリーから選択したりできるのに対し、Android システムではリソース マネージャーが表示され、写真を検索するオプションがないことがわかりました。オンラインの情報を取得するには、それを <input type ="file" Capture="camera"> に変更します。Android ではカメラとドキュメントを表示できますが、IOS には写真のオプションしかありません。最後に、デバイスの種類を判断して、写真とギャラリーのオプションを表示できます。 IOS と Android の両方で。
    H5 チュートリアル 4672 2018-05-12 13:56:55
  • HTML5でvideoタグがmp4を再生できない問題の解決策
    HTML5でvideoタグがmp4を再生できない問題の解決策
    この記事では、HTML5 の video タグが MP4 を再生できない問題を解決する方法を主に紹介します。この記事の内容は、学習や仕事に役立つと思います。一緒に読んでみてください。
    H5 チュートリアル 4923 2018-05-12 11:27:46
  • 使用HTML5做个画图板的方法介绍
    使用HTML5做个画图板的方法介绍
    做画图板,自然使用html5的canvas来实现了。在canvas中我们可以画圆,画矩形,画自定义的线条等等。这次主要使用的画圆跟画线条来实现。html中支持对触摸事件的响应
    H5 チュートリアル 4311 2018-05-12 09:41:26
  • モバイルHTML5で水平画面と垂直画面を決定する方法
    モバイルHTML5で水平画面と垂直画面を決定する方法
    この記事ではHTML5(モバイル端末)における横画面と縦画面の判定方法に関する関連情報を中心に紹介しますので、困っている方は参考にしてください。
    H5 チュートリアル 4564 2018-05-11 16:57:46
  • 纯js和CSS3炫酷自动幻灯片特效
    纯js和CSS3炫酷自动幻灯片特效
    Karrot Slider是一款纯Javascript和CSS3制作的自动播放的幻灯片插件。该幻灯片没有任何外部依赖,内置有8种不同的动画过渡效果。该幻灯片支持响应式图片设计模式,也可以制作为全屏幻灯片模式。 ...,。
    H5 チュートリアル 3571 2018-05-11 16:35:40
  • Canvasとhtml5を使った動画スクリーンショット機能の実装例
    Canvasとhtml5を使った動画スクリーンショット機能の実装例
    この間キャンバスの勉強をしていたのですが、ふと動画のスクリーンショットを撮って、その写真を引っ張ってきて顔文字を作る機能を作ろうと思いつきました、はははははは〜〜 制作方法: 1.動画をページに読み込み、キャンバスを使用しますこのスクリーンショットを作成するには この機能を使用するときは、快適に操作できるように、最初にビデオがページにロードされていることを確認する必要があります。 <video> タグを直接埋め込む次の方法を使用する場合: <video>
    H5 チュートリアル 3723 2018-05-11 16:20:22

ツールの推奨事項

jQuery エンタープライズ メッセージ フォームの連絡先コード

jQuery エンタープライズ メッセージ フォーム連絡先コードは、シンプルで実用的なエンタープライズ メッセージ フォームおよび連絡先紹介ページ コードです。

HTML5 MP3 オルゴール再生効果

HTML5 MP3 オルゴール再生特殊効果は、HTML5 + css3 に基づく MP3 音楽プレーヤーで、かわいいオルゴールの絵文字を作成し、スイッチ ボタンをクリックします。

HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果

HTML5 クールなパーティクル アニメーションのナビゲーション メニュー特殊効果は、ナビゲーション メニューにマウスを置くと色が変化する特殊効果です。

jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード

jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コードは、jQuery およびブートストラップ フレームワークに基づいたビジュアル フォームです。

有機果物と野菜のサプライヤー Web テンプレート Bootstrap5

有機果物と野菜のサプライヤー Web テンプレート-Bootstrap5

Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus

Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus

不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5

不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5

シンプルな履歴書情報 Web テンプレート Bootstrap4

シンプルな履歴書情報 Web テンプレート Bootstrap4

かわいい夏の要素のベクター素材 (EPS+PNG)

これは、太陽、日よけ帽子、ココナッツの木、ビキニ、飛行機、スイカ、アイスクリーム、アイスクリーム、冷たい飲み物、浮き輪、ビーチサンダル、パイナップル、巻貝、貝殻、ヒトデ、カニを含む、かわいい夏の要素のベクター素材です。 、レモン、日焼け止め、サングラスなど、素材は JPG プレビューを含む EPS および PNG 形式で提供されています。
PNG素材
2024-05-09

4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)

これは、2023 年卒業バッジの赤いベクター素材で、合計 4 つがあり、JPG プレビューを含む AI、EPS、PNG 形式で利用できます。
PNG素材
2024-02-29

歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材(AI+EPS)

これは、さえずる鳥と​​花でいっぱいのカートをデザインした春のバナー ベクター素材で、JPG プレビューを含む AI および EPS 形式で利用できます。
バナー画像
2024-02-29

金色の卒業帽ベクター素材(EPS+PNG)

これは、JPG プレビューを含む EPS および PNG 形式で利用できる、金色の卒業帽のベクター素材です。
PNG素材
2024-02-27

室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート

家の装飾のクリーニングとメンテナンス サービス会社の Web サイト テンプレートは、家の装飾、クリーニング、メンテナンス、その他のサービス組織を提供するプロモーション Web サイトに適した Web サイト テンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

フレッシュカラーの個人履歴書ガイドページテンプレート

フレッシュカラーマッチング個人求人応募履歴書ガイドページテンプレートは、フレッシュカラーマッチングスタイルに適した個人求人検索履歴書仕事表示ガイドページWebテンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

デザイナーのクリエイティブな仕事の履歴書 Web テンプレート

デザイナー クリエイティブ ジョブ履歴書 Web テンプレートは、さまざまなデザイナーのポジションに適した個人の職務履歴書表示用のダウンロード可能な Web テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

現代のエンジニアリング建設会社のウェブサイトのテンプレート

最新のエンジニアリングおよび建設会社の Web サイト テンプレートは、エンジニアリングおよび建設サービス業界の宣伝に適したダウンロード可能な Web サイト テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。