• テキストボックスのHTML実装は、内容だけを読み取って変更することはできない

    さっそくですが、以下のコードのように、直接コードを掲載します。 <! -- method 1: onfocus=this.blur() leaves focus when mouse is not placed --> <input type="text" name="input1" value="China" onfocus=this.blur()> <! -

    2022-01-08 16:21:30
  • HTMLで2つのdivタグの間に縦線を引く方法

    最近、あるインターフェースを描いているときに、インターフェースの中央に縦線を引く必要があり、この縦線は高さの点で自動的に親div全体を埋める必要がある(つまり、この縦線の高さは2つのdivの高さに等しい)ことに出くわしました。   通常、横線はラベル <hr> で直接描きますが、縦線を引くとラベルが見つからないことがわかりました。Webで情報を調べたところ、一般的には

    2022-01-08 15:46:25
  • htmlページ間でパラメータを受け渡しするフロントエンド方式を解説

    プロジェクトの中で、例えば案件のリストがあり、その中の項目をクリックすると詳細ページに飛ぶという状況がよくあります。詳細ページは、クリックされた特定のレコードに基づいて生成されます。症例や特定の詳細ページは、ユーザーが後から追加するものであり、書き始めた時点では網羅することは不可能だからです。そのため、ページをジャンプする際にはパラメータを渡す必要があり、このパラメータを通じてデータリクエストを

    2022-01-08 14:41:07
  • html-webpack-plugin' を使用して html ページをインメモリで生成するプラグインです。

    webpackjsファイルをパッケージ化すると、以下のようにindex.htmlのインターフェイスにグローバルなmain.jsが導入されます。 を導入する必要があります。 First add the network, SD card read/write permissions:<span style="font-family: Arial, Helvetica, sans-se

    2022-01-08 13:56:30
  • n個のコンテナ要素で無限スクロールを実現するコード

    シーン 最大 10,000 要素のリストを正しくレンダリングする方法。 無限ドロップダウン読み込みのテクニックは、ユーザーが大量のコンテンツの塊の中をスクロールし続けることになります。この手法は、スクロールダウンするたびに新しいコンテンツをロードし続けるというものです。 スクロールをデータ発見の主要な方法として使用すると、ユーザーをより長くページにとどめ、ユーザ

    2022-01-08 13:21:43
  • htmlのheaderタグの使い方を説明する

     HTMLの2つの部分、headとbody     ** headの中にあるタグはheaderタグです。       ** タイトルタグ:タグに表示される内容を示します。       ** メタタグ:ページに関連する内容を設定する(使用頻度低め) NotificationManager manager= (NotificationManager) co

    2022-01-08 12:34:51
  • DIVのピントずれ(ぼかし)実装方法

    DIVのマウスオーバーがアンチディザリングで消える divタグ自体はonblurイベントに対応していないので、ボタンがクリックされたときにポップアップするdivの場合、onblurではできない、divのフォーカスが外れたときに消えるようにしたい。 しかし、onmouseoutとイベントを使って、DIVのフォーカスを失い、消滅させることは可能です。move outを消すためにonmou

    2022-01-08 11:55:02
  • HTML ページの読み込み速度を向上させる方法

    (1) HTTPリクエストの回数を減らす。(リソースファイルのマージ、画像ウィザードの使用など。 (2)CSSをheadに、JavaScriptをbodyタグの末尾に配置する。 (3) 画像の幅と高さを定義する。 (4) 文字セットを定義する。 (5) 空の src 属性と href 属性を回避する。     htmlではこのように書か

    2022-01-08 11:48:30
  • HTMLの5種類のスペースのそれぞれの意味

    HTMLでは、幅の異なる5種類のスペースが用意されています。ノン・ブレイキング・スペース( )は、通常のスペースと同じ幅で、すべての主要なブラウザで機能します。他のタイプのスペースは、ブラウザによって幅が異なります。 これはNo-Break Spaceと呼ばれ、正式名称はNo-Break Space、我々が持っている最も一般的で最も使用されているスペースで、皆さんのほとんどが唯一接触することがで

    2022-01-08 11:42:19
  • ローカルフォルダから画像を読み込んで表示するHTMLサンプルコード

    私の目的 Html上でローカルフォルダを選択すると、そのフォルダとサブフォルダ以下のすべての画像を自動的に読み込み、ページに表示します。 テクニカル分析 既存の問題点 Htmlのfileタグで取得したパスは相対パスです。 HtmlでImgのsourceを指定する場合は、絶対パスが必要です。 解決策 readAsDataURLメソッドで

    2022-01-08 11:16:13
  • HTMLフォームコンポーネントのサンプルコード

    HTMLフォームは、さまざまなタイプのユーザー入力を収集するために使用されます。次の記事では、興味のある方のために、htmlフォームコンポーネントのサンプルコードをコード付きで共有します。 さっそくですが、以下に示すコードをご覧ください。 <!DOCTYPE html> <html> <head> <meta charset="U

    2022-01-08 11:06:43
  • ダブル11クーポンのHTML実装(クーポンページを開くまでの時間設定)

    さっそくですが、直接コードを貼っておきますね。 <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <style

    2022-01-08 09:37:21
  • htmlのmarquee属性について説明します。

    このタグはHTML 3.2には含まれておらず、MSIE3以降にのみ対応しています。したがって、IE以外のブラウザ(Netscapeなど)を使用している場合、以下の興味深い効果のいくつかを見ることができないかもしれません。 このタグはコンテナタグです 構文です。 <marquee></marquee> 以下は最も簡単な例です。 コードは以下の

    2022-01-08 09:31:24
  • HTMLテーブルのマウスドラッグ&ドロップによる並べ替え機能

    レンダリングです。 1. ファイルの紹介 <script src="js/jquery-1.10.1.min.js"></script> <link rel="stylesheet" href="Public/css/jquery-ui.min.css"> <script src="js/jquery-ui.m

    2022-01-08 09:28:35
  • メッセージボタンにコーナーマーカーを追加するhtmlコード

    html コードです。 <a onclick="goMessage();" style="width: 60px;height: 100%;color: white;background: transparent;" href="#" ; class="easyui-linkbutton" data-options="iconCls:'fa fa-bell-o fa-2x',size:'l

    2022-01-08 08:55:59
  • html+cssによる階層型ピラミッドの作成例

    この記事では、階層型ピラミッドを実装したhtml+cssの例を紹介し、以下のように共有します。 まず効果について、そしてコードを見る 画像 コードに直接アクセス {{コード

    2022-01-08 08:36:01
  • htmlのposition属性の使い方を解説(4種類)

    positionの4つの属性値。 1. 相対的 2.絶対 3.固定 4.静的 これら4つのプロパティのそれぞれについて、以下に説明する。 /** * @hide */ public Notification(Context context, int icon, CharSequence tickerText, long when,

    2022-01-08 07:37:47
  • html メタタグとその使用方法詳細

    さっそくですが、今日のテーマを始めましょう。 Htmlのmetaタグについて I. メタタグ 意味 があります。   は 要素には、検索エンジン向けの説明文やキーワード、更新頻度など、ページに関するメタ情報を記述します。 は   は タグは文書の先頭に置かれ、内容は含まれません。   の属性は以下の通りです。 タグは、文書に関連する名前と値のペアを定義します。 II. メタ

    2022-01-08 07:16:22
  • フォームタグを使用した登録ページのHTMLサンプルコード

    ケースの説明        - テーブルを使ったページ効果      - ハイパーリンクは効果を出したくないので、href="#"を使用します。     - テーブル内のセルに内容がない場合は、スペースをプレースホルダーとして使用します       - 画像タグを使ってフォームを送信する <input type="image" src="pat

    2022-01-08 06:17:43
  • マウスホバーリング時に行(tr)全体のHTMLカラーを変更する。

    テーブルの行の上をマウスが通過したときに行全体の背景色を変更し、その行にフォーカスがあることを示すために、純粋なCSSを使用します。 <html > <head> <meta charset="utf-8"/> <title>change</title> <style type="text/css"> tr.cha

    2022-01-08 05:59:22