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

[JavaScript] カタカナとひらがなを相互変換するスクリプトとサンプル

By | 2019年11月17日

文章中のカタカナをひらがな、もしくはひらがなをカタカナに変換する JavaScript のサンプルです。 サンプルページ 実際の動作の例は以下のページを御覧ください。 カタカナ⇔ひらがな変換ツール 相互変換のスクリプト … 続きを読む »

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