ホームHP HTML ボタンの配置、サイズ変更 2024年5月19日 2024年5月19日 1 min 85 views ボタンの配置方法です。 submitボタン、スタイルシートでボタンのサイズ変更、一般的なボタンや Javaスクリプトでのリンク方法などを紹介しています。 目次 submitボタン構文使用例一般的なボタン使用例Javaスクリプトを使用してリンクを付けた例です。スタイルシートでボタンのサイズを変える構文使用例 submitボタン CGIなどのプログラムを作るときによく使われるボタンです。 などで囲んで入力された値などを受け取れるようにします。 構文 <INPUT type="submit" name="botan1" value="送信"> 使用例 <INPUT type="submit" name="ボタン名" value="表示したい文字"> 一般的なボタン ボタンには基本的にリンクを付けられないので、Javaスクリプトなどと一緒に使う場合が多いです。 <INPUT type="button" name="ボタン名" value="表示したい文字"> 使用例 <INPUT type="button" name="botan2" value="送信"> Javaスクリプトを使用してリンクを付けた例です。 <INPUT type="button" name="botan3" value="TOPへ" language="javascript" onclick="self.location.href='https://sasukepg.jp/'"> スタイルシートでボタンのサイズを変える のタグではサイズの変更は出来ません。 そのためスタイルシートでサイズを指定します。 構文 <INPUT type="button" value="表示したい文字" name="ボタン名" style="WIDTH: 横の幅px; HEIGHT: 縦の幅px"> 使用例 <INPUT type="Button" value="送信" name="botan4" style="WIDTH: 200px; HEIGHT: 20px">