実行ボタン

input形式とbutton形式がある。両者の動作はほとんど同じである。
どちらもtype=""の部分にはsubmit, reset, button が指定できる。
外観は、パソコンでは縦の長さがbuttonのほうが長く、inputのほうが短い。スマホではどちらもほとんど同じである。
いつからか、button形式の「type="button"」を書かないことが多くなったが、これは規定通り書いておくべきである。

このボタンの動作は「onclick=""」の部分に記述する。ストレートにJavaScriptを書いてもよいし、別に記述したJavaScriptの関数の呼び出しでもよい。

button type="button"


button + CSS/JS




input type="button"
<input type="button" value="Title" onclick="JS Function;">
これは手軽にJavaScriptを呼び出せる方式である。



input + CSS/JS





buttonのパターン

button + JS(bk)


文字を小さくできる。inputではこの方式で文字を小さくすることはできない。


button + JS(bk/csSet)


button + JS(location)



リンクのパターン

パソコン型
関連事項
世相あれこれ
スマホ版作成ノート
阿呆の画廊
最近の写真

以下のボタンスタイルには「pcsm2.css」が必要。
input型


button型


単純テキストボタン

このタイプはパソコンにも使えるから今までのGIF画像から順次この方式に切り替えていくといいだろう。
しかし、これはあくまでも「文字の装飾」にすぎないことに注意する。基本は赤色などの文字で同じである。

wkr
スタイル 注 意

wkg
スタイル 実 行 例

wkb
実 行 例 NEWS BOX

単純な「a」タグではボックスの下に下線が付いてしまう。
リンクには不適当

このテキストボタンは日本語を使う場合は従来の画像ボタンの代わりに使えるかもしれない。色は今のところ3色だけだが文字は自由に書き替えられる。


エンジ色

フクシア色


小エンジ色

小フクシア色


blockquoteタグ
これはパソコンと同じ設定。地の文の文字は緑色。
新聞記事
餃子で学生に考える力を 金欠3万人支えた王将、閉店へ
30分間の皿洗いでなんでも食事代無料――。そんなサービスで、延べ3万人もの学生らの胃袋を満たしてきた「餃子(ギョーザ)の王将出町店」(京都市上京区)が10月末に閉店する。
- 朝日新聞2020/09/16 -

bxy2スタイル
これはパソコンとスタイルが異なる。文字のサイズが1pt小さい(10pt)。文字は黒だが個別に着色する。

新聞記事
餃子で学生に考える力を 金欠3万人支えた王将、閉店へ
30分間の皿洗いでなんでも食事代無料――。そんなサービスで、延べ3万人もの学生らの胃袋を満たしてきた「餃子(ギョーザ)の王将出町店」(京都市上京区)が10月末に閉店する。
- 朝日新聞2020/09/16 -


10pxボタン(fbs)

cmt.gif などheight 9に代用
このサイズはコメントボタンにしか使えない。
エクセルバカが能もないのにやりたがる「文字コードごっこ」「バイナリごっこ」「UTF-8ごっこ」「CSVごっこ」「改行ごっこ」「16進数/2進数ごっこ」「暗号ごっこ」「エンディアンごっこ」などを総称したものである1)。これは小学校程度のアタマしかない者が微分方程式を解こうとするのに似ている
NOTE
1) エクセルバカの検索で「ごっこネタ」が多いのはなぜか。何に使うのか。プログラミングなど知らない連中ばかりである。仕事で必要なわけがない。しかし仕事時間内のアクセスがほとんどである。この中でも、「バイナリ、文字コード、改行、エンディアン」はエクセルバカの4大無意味である。


関連データ


11pxボタン

現在のところ使わなくてもよい。


12pxボタン(fbn,fbg)

re2.gif, ref.gif, nsbx.gif などheight 11に代用
サイズ指定だから、どこにあっても同じ大きさである。

NEWS BOX 愚民の殿堂 NEWS BOX 愚民の殿堂


121.102.12.110 [30/Dec/2019:14:28:31] web_0014 網走まで 志賀直哉 どういう話
122.132.180.117 04/Feb/2018:01:50:24] 網走まで 解説
60.101.219.110 [26/Jan/2018:06:22:07] 網走まで 解説
42.150.160.65 [16/Dec/2017:01:12:55] 網走まで 解釈
118.151.149.135 [15/Sep/2017:17:38:31] 網走まで 解釈
221.241.134.241 [05/Mar/2015:00:49:29] 網走まで 解釈
182.249.246.26 [28/Feb/2015:11:36:40] 網走まで 解釈

NEWS BOX
餃子で学生に考える力を 金欠3万人支えた王将、閉店へ
30分間の皿洗いでなんでも食事代無料――。そんなサービスで、延べ3万人もの学生らの胃袋を満たしてきた「餃子(ギョーザ)の王将出町店」(京都市上京区)が10月末に閉店する。
- 朝日新聞2020/09/16 -

新聞記事
餃子で学生に考える力を 金欠3万人支えた王将、閉店へ
30分間の皿洗いでなんでも食事代無料――。そんなサービスで、延べ3万人もの学生らの胃袋を満たしてきた「餃子(ギョーザ)の王将出町店」(京都市上京区)が10月末に閉店する。
- 朝日新聞2020/09/16 -

参照
エクセルバカコーナー