ホーム > HTMLサンプル

2015/03-2017/12/18

HTML inputタグ

目次
  1. 基本的なサンプル
  2. いろいろ

inputタグはほとんど場合、JavaScriptで処理することになるので JavaScriptのプログラミングが必要になります。

JavaScript はじめの一歩 (2)

基本的なサンプル

TestHTML_input01.html
基本的な部品。button, checkbox, radio, select, text など。

ラジオボタン

TestHTML_input_radio01.html
input type="radio"、ラジオボタンのサンプル。
TestHTML_input_radio02.html
ラジオボタンのサンプル。将棋の駒を選択。 デフォルトのチェックマークを非表示にし、選択された駒を強調表示する。
TestHTML_input_radio03js.html
JavaScriptでinput, lable 要素を生成。
HTML,将棋とチェスのボード

いろいろ

TestHTML_js_Math_sin01.html
eval による関数計算。 ユーザーが入力した関数の計算を行う。
eval関数
TestHTML_js_create_font_sample...
フォントサンプルの HTML を出力。
textarea や input タグの文字列を読み取って処理。
要素 (Element) のサンプル
TestHTML_div_display_popup02.html
ツールパレットををウインド右側にポップアップ表示
CSS position fixed のサンプル。
CSS position サンプル
div の表示・非表示のサンプル

TestHTML_input_inline01.html
インラインで項目名を変更するサンプル。項目名がクリックされると、 その部分に input タグを挿入してテキスト編集モードにする。
ul,ol,li タグ

TestHTML_input_range_transfor...
type="range" (スライダー)とCSS3 transform:rotate (回転)のサンプル。
スライダーで table を回転させる。
tableを使った定規のサンプル
目次
gorogoronyan@gmail.com
inserted by FC2 system