【閉じる】ボタンの解説　でんきかいでん.com

【閉じる】ボタンの解説

【閉じる】ボタンのソースコード


<form action="#" class="tojiru">

　<input
 style="cursor: pointer"
 type="button"
 name="button"
 value="閉じる"
 onclick="window.close();"
 class="tojiruB01">

</form>

上から順番に説明していく。

<form>
- action="#"　formにはactionが必要。#はURLとアンカー名を区切る記号。この場合はページの先頭にジャンプする目的で使用している。
<input>
- style="cursor:pointer"　【閉じる】ボタンの上に来たカーソルの形を決めている。（カーソルの種類は他にも色々ある。）
- type="button"　これがボタンであると決めている。（type="●" ここに入る値はbutton以外にもたくさんある。）
- name="button"　この小窓の名前。好きな名前を付けられる。ここに名前を入れることで、同じ名前のボタンがこの窓を再利用する。名前を入れなければ、ボタンを押す度に新規でいくつでも窓が開く。
- value="閉じる"　ボタンに表示するテキストをここに書く。このボタンには「閉じる」と書いてあるが、何でも記入できる。
- onclick="window.close();"　これはJavaScript。内容は読んで字のごとく”click”した時に”window”を”close”しろって、そのまんま。（ユーザー側でブラウザのJavaScriptがOFFになっていると働かないが、デフォルトではONなので普通に使えるはず。）
</form>
- formの閉じタグ。「formに関する内容はここまでですよ」という意味。