• HTMLimgタグのalt属性とtitle属性の使い方紹介

    ブラウザベンダーが標準を歪め、ルールから外れたことを勝手に行うと、問題が発生したり、少なくとも混乱が生じたりすることがあります。その一例が、多くのユーザーを持つWindows版Internet Explorerのような、一部のブラウザによるalt属性(一般にaltタグと誤って呼ばれます)の扱い方です。 altテキストはツールチップとしてではなく、より具体的には、画像の追加的な説明情報を提供するた

    2022-01-10 18:53:24
  • 検索ボックスのデフォルトテキストを、マウスクリック時に消えるように設定する

    コピーコード コードは以下の通りです。 入力 {を入力します。

    2022-01-10 17:47:47
  • selectを読み取り専用で編集不可にし、selectの値を渡す設定にする方法

    1. この方法では、ドロップダウン・ボックスの外観は通常と変わりません。唯一の違いは、ドロップダウンとシングルと選択した後、それはあなたを気にしない、それは選択されている場合と選択されていない場合と同じです。ただ、お客さんの選択を無視するだけです。 /2.disabled属性を設定する こちらは、読み取り専用で、クリックやドロップダウンができない分、より分かりやすく直感的に使えそうです。中

    2022-01-10 17:40:31
  • メタデータに基づく時限的なページ更新やジャンプ

    メタを用いた時間差のあるページ更新またはジャンプ XML/HTMLコード 内容をクリップボードにコピーする <スパン < メタ http-equiv = "リフレッシュ"。 コンテンツ = "5" <スパン > <スパン これは、現在のページが5秒ごとにスワ

    2022-01-10 17:26:39
  • オブジェクトのアニメーションに隠れることなく、オブジェクトの上にdivを表示する方法

    今日はメニューボタンを作り、ボタンにマウスオーバーすると、ドロップダウンのサブメニューが表示されるようにしました。これを実現する方法は、サブメニューをdivに入れ、メニューボタンにhover関数を追加することです。しかし、メニューボタンの下にdivがあり、その中にobjectタグがあり、flashアニメーションが入れられています。メニューボタンにマウスを移動させると、サブメニューのdivが表示され

    2022-01-10 17:02:27
  • html meta viewport 属性の説明

    ビューポートとは? モバイルブラウザは、通常画面より広い仮想の「ビューポート」にページを配置するため、各ページを小さなウィンドウに押し込む必要がありません(これは、モバイルブラウザに最適化されていないページのレイアウトを壊してしまうことになります)。モバイル版Safariは最近、viewportメタタグを導入し、ウェブ開発者がviewportのサイズとズームを制御できるようになり、他のモバイルブ

    2022-01-10 16:40:53
  • html でよく使われるいくつかのリダイレクトリンクのコード例

    コピーコード コードは以下の通りです。 window.location.href="zcbfH.jsp";//redirect in this frame onclick="top.mainFrame.location='<%=path %>/login.jsp'";//redirect from a frame to the mainFrame frame o

    2022-01-10 16:40:42
  • フラッシュビデオフォーマット(flv、swf)ファイルをhtmlファイルに埋め込む方法

    フラッシュファイルの形式:.FLV、.SWF フラッシュビデオフォーマットには、.flvと.swfという2つの拡張子があります。両者の違いは何でしょうか? (1) .flvファイル(フラッシュビデオ)は、画像ベースのビデオストリームとオーディオです。ストリーミングサービスを運営しているのであれば、flvが良いだろう。上流の条件は、このファイルのどの部分にもクライアント端末がアクセスできること

    2022-01-10 16:26:24
  • htmlページにおけるmeta viewport属性の説明

    HTML meta viewport 属性の説明 ビューポートとは モバイルブラウザは、各ページを小さなウィンドウに押し込む必要がないように、通常画面よりも広い仮想の "ビューポート" にページを配置します。これにより、ユーザーは各ページを小さなウィンドウに押し込むのではなく(モバイルブラウザに最適化されていないページのレイアウトを壊すことになる)、パンやズームでページの別の部分を見

    2022-01-10 16:20:05
  • html フォーム属性の readonly と disabled を使用する方法

    1. readonly 読み取り専用の属性で、値を取得できるようにする。 2、disabled 無効化された属性のため、値を取得することができない

    2022-01-10 16:19:58
  • Htmlにおけるスペースの表現方法(意味するところ)

    Web制作の現場では、「 」といった文字によく遭遇します。実はこれ、Htmlがいくつかの特殊な文字(Html構文文字)を表現するための方法なのです。 共通です。 スペース & & < < > > " " &qpos; '

    2022-01-10 16:12:09
  • ReadonlyとDisabledのわずかな違いについて説明します。

    ReadonlyとDisabledは、どちらもユーザーがフォームフィールドの内容を変更できないようにするために使用することができます。しかし、両者には細かな違いがあり、それをまとめると以下のようになります。 /{br readonly は input(text / password) と textarea に対してのみ有効で、disabled はすべてのフォーム要素に対して有効です。しかし d

    2022-01-10 15:33:55
  • テーブル幅の固定化 table-layout: fixed

    表が画面一杯(残りの余白部分)になるように、その幅のプロパティを定義することが多い。と定義され、セルもパーセントで定義される。 しかし、これでは問題が生じます。セル内のテキストが幅の制限を超えると、自動的に改行され、高さも自動的に高くなり、テーブル全体のスタイルが不均一で醜いものになってしまいます。 簡単な解決策は、テキストラップを無効にすることです: white-space:nowrap;

    2022-01-10 15:33:20
  • html内でimg src=""を指定してjs関数やjs変数を呼び出し、画像のパスを動的に指定する。

    私はこの問題のために多くのWebリソースを検索しました、以下は実験で、いくつかの方法です。 コピーコード コードは以下の通りです。 <img id="imgInit" alt="seaside style" src="javaScript:NextPic()" > so that the JS function NextPic() can be called.

    2022-01-10 15:16:16
  • あなたを救うもの、私の食卓(海友ブログ)

    かつてテーブルは、Web開発においてレイアウトという非常に重要な位置を占めており、Web2.0においても、そのレイアウトの姿を見ることができます。しかし、技術は絶えずDiv + CSSの組み合わせは、最終的にレイアウトの新しい波をこすり古いレイアウトのドアを開いてノック改善されています。そして、古い憎悪と新しい憎悪が来て、テーブルについて意見を持っていたかどうか、多くの人々がテーブルを批判し始め

    2022-01-10 15:03:18
  • 無効な非エントリ値をアクションレベルに渡すことはできません。

    フォームを利用できないようにしたい場合は、フォームに コピーコード コードは以下の通りです。 style="cursor:not-allowed;" disabled しかし、このように設定した後、バックグラウンドでのアクションが値を取得できないことがわかりました。最終的に、ウェブで検索したところ、disabledをreadonlyに置き換えると、バックエンドに値が

    2022-01-10 14:17:10
  • 色は、htmlでは6ビットのHexコードとrgbまたはキーワードで表現されます。

    HTMLで色を表現する方法は3つあり、最も一般的なのは6ビットの16進コード表現です。例えば、bgcolor=#ff0000; ここで#は、6ビットの16進カラーコードを使って色を宣言していることを意味するだけです。コードの最初の2つ、ffは赤の3原色を示し、範囲はもちろん16進数で00-ff、中間の2つ、00は緑、最後の2つ、00は青、00は無色、ffは最も強い色を示します。つまり、000000

    2022-01-10 13:38:11
  • リンク使用時にハイパーリンクジャンプをブロックする方法

    を使っていた時 その結果、以下のような結論に至り、問題を解決することができました。 /{br の場合、リンクの onclick イベントが最初に実行され、その後に href 属性の下のアクション(ページジャンプ、または javascript の擬似リンク)が実行されます。 href と onclick の両方がリンクに存在すると仮定すると、href 属性の下のアクションを実行しないようにす

    2022-01-10 13:33:52
  • divタグの要素margin-topが機能しない場合の解決方法

    タイトルの通りです。 問題は奇妙なことです。要素の親タグがdivで、widthとheightの属性が設定されているのに、marginを使って調整しても反映されないのです。生徒の経験では、要素の親要素の属性を overflow:hidden。 問題は解決しました。

    2022-01-10 13:15:27
  • フォームからキャリッジリターンを削除する方法 i.e. キャリッジリターン! =Submit

    Enter!」を実装する。= submit "の場合、「ボタンの種類」と「入力ボックスの数」から始めるのが一般的です。 デフォルトでは、ボタンが type="submit" か type="button" かに関係なく、1つの入力ボックスは入力することで送信されます。 1. type="submit "の場合、type="text "の入力ボックスがいくつあっても、enterはsubmitを意

    2022-01-10 13:09:14