原森情報技術研究所 WEBコンテンツ企画・制作・運営・サポート / 兵庫県 神戸市 明石市 /

checkbox radio ソース作成支援

元データ貼りつけフォームとクラス等指定

元データ
inputのタイプ設定
checkbox

name =

( 個目 )

ラベルタグ設定
label

その他設定

サンプル例:一括入力,単純な例,valueを英文字、連番を付加,オリジナルデータを複数指定

テキストエリアの各行の文字にinput の checkbox や radio 、labelタグを追加したソースを作成

top > checkbox radio ソース作成支援

使い方

元データにテキストを1行ごとに改行して入力、又は1行ごとに改行したテキストデータをコピーペーストします。

inputのタイプ設定、ラベルタグ設定、その他設定を行い、入力内容で作成ボタンをクリックすると、テキストエリアに作成されたソースが表示されます。

inputのタイプ設定

checkbox 又は radio を選択します。

value指定にチェックを入れると、以下の簡易選択でvalueを指定することができます。
「元データの文字」「0からの数値(連番)」「1からの数値(連番)」が簡易選択可能です。
選択肢以外の特別な値を入れたい場合は、HELP2「その他設定」の説明を参照してください。

nameを付加にチェックを入れると、nameを指定できます。基本的にchackboxやradioは同じnameを入れることになります。

クラス名を付加にチェックを入れると、クラス名を指定できます。

ID名を付加にチェックを入れると、指定した連番のid名が指定できます。(数値のカウント巾は整数値です。-1等でカウントダウンさせることもできます。)

checked指定は数値指定でチェックを付けたい場所を1か所だけ指定できます。「全部」はcheckbox用で、radioの場合は自動的に1個目になります。

行頭行末付加文字にチェックを入れると[input]や[label]タグの前後に任意の文字やタグを付加することができます。
改行の br を入れたい、pタグやdivタグで囲みたいなどの目的で使用しますが、入れた文字やタグをそのままソースに追加しますので、いろいろ応用することができるかもしれません。(※同じ文字しか入れられない点に注意)

項目タグ設定

liタグの設定です。クラス名、ID、その他属性文字をフォームに直接記述すると、タグに付加されます。

主に、liタグにIDを連番で付加するのがメイン機能となっています。(jsプログラム等でIDによる直接指定ではなく、「getElementsByTagName」してページ内の全ての「li」を走査し、その順番で要素を特定し、処理しようとする人には意味不明な仕様ですが…)

【入力支援】

このツールでは特に入力支援はありません。

サンプル例

クリックすると、サンプル用のデータが一括入力されます。

入力内容で作成

クリックすると、フォームに入力された内容でソースが出力されます。

全入力を初期化

クリックすると、フォームの入力等を初期化します。

出力ソースを全選択

クリックすると、出力されたソースを全選択状態にします。(ので、コピーしてどっかに貼りつけます)

出力ソース表示のテキストエリア

[入力内容で作成]をクリックすると、ソースが表示されます。

初期状態は「ここにソースが表示されます」の文字が表示されています。

コピーライト

Copyright © Haramori Laboratory of Information Technology 2015 All rights reserved.

update 2015.04.26
HELP1 HELP2 HELP3 HELP4 HELP5
カテゴリMENU
お問い合せ