HTML」カテゴリーアーカイブ

[CSS] HTMLとCSSによるシンプルなプルダウンメニュー

By | 2018年7月21日

HTMLとCSSによってできる、マウスオーバーによって展開するプルダウンメニューです。深い階層はありません。 サンプルはこちら。 プルダウンメニューのサンプルコード 動作に必要最低限のコードのみを記述したシンプルなソース… 続きを読む »

[JavaScript] id属性を設定したselect(セレクトボックス)の値を取得する

By | 2018年3月16日

Webページに表示したselectタグ(セレクトボックスまたはプルダウンメニュー)が現在選択している値を JavaScript で取得する方法についてです。 以下のようなセレクトボックスをHTMLで作成したとします。 こ… 続きを読む »

[JavaScript] 16進数と10進数を相互変換するフォーム

By | 2018年3月3日

16進数と10進数を相互変換するフォームです。 以下の「10進数」の入力欄に10進数を入れて「変換」をクリックすると「16進数」の欄に変換結果が表示されます。同様に16進数から10進数への変換もできます。 変換方法を以下… 続きを読む »

[JavaScript] フォーム内の要素をname属性を使って取得(document.forms)

By | 2018年1月19日

formタグに含まれる要素を JavaScript で取得する方法です。以前、タグに設定したid属性を使ってフォームの値を取得する方法について紹介しました。 フォームに入力された数値や文字列を取得する方法と注意点 今回は… 続きを読む »

[JavaScript] フォームに入力された数値や文字列を取得する方法と注意点

By | 2017年7月26日

HTMLのフォーム(inputタグ)に入力された値(数値や文字列)を javascript を使って取得する方法についてです。 取得した数値で計算などを行う場合は注意しなければならない点がありますので、そのことについても… 続きを読む »

要素を均等に配置するための余白の計算式と計算プログラム

By | 2017年7月19日

Webページのレイアウトやその他のデザインにおいて、同じ大きさの要素を均等(等間隔)に配置したい場合があります。 最近は自動的に余白(マージン)を計算してくれるソフトも多いですが、手で計算しなければならない場合のための計… 続きを読む »

[javascript] クリップボードにテキストエリア内の文字列をコピーさせる

By | 2017年4月28日

javascript で、HTMLで作ったフォームの入力要素(input要素やテキストエリア)に書かれている内容をボタンのイベントなどでクリップボードにコピーさせる方法について紹介します。 以下は、今回紹介するスクリプト… 続きを読む »

Webページに整形された数式を埋め込むライブラリ MathJax の導入

By | 2017年4月5日

以下のような、整った数式をWebページ上で表示するのに便利なjavascriptのライブラリ「MathJax」を導入する方法についてです。 CDNではなく、ネットワークに接続できない場合にも利用できるように、ライブラリ本… 続きを読む »