ボタンとは？

Button

別名：button要素、buttonタグ

押すと、開く・保存するなどの操作を実行する部品。

まず、短く答えると

ボタンの意味

フォーム送信だけでなく、表示の切り替えやお気に入り登録などにも使います。別のページへ移動するものは通常リンクを使い、見た目だけでなく役割に合うHTML要素を選びます。

Webサイトやアプリの見た目、情報の並び方、利用者の操作を考える場面で登場します。

見た目の好みだけでなく、迷わず使えるか、スマートフォンでも読みやすいかという視点で確認します。

「詳しく見る」は説明を開くボタン、「用語詳細へ」は別ページへ進むリンクです。

覚え方のコツ

役割

押すと、開く・保存するなどの操作を実行する部品。

理解の深さ

まずは「何をするものか」と具体例を結び付けて覚えれば十分です。

確認の視点

見た目の好みだけでなく、迷わず使えるか、スマートフォンでも読みやすいかという視点で確認します。

混同しないために

「ボタン」は押すと、開く・保存するなどの操作を実行する部品ものです。一方、「送信ボタン」はフォームに入力した内容を送るボタンものです。役割を分けて考えると、二つのつながりを理解しやすくなります。

きれいに見えることだけを目的にせず、読みやすさ、操作のしやすさ、さまざまな利用環境を一緒に考えることが大切です。

よくある疑問

A押すと、開く・保存するなどの操作を実行する部品。

A「送信ボタン」、「UI」、「フォーカス」と一緒に覚えると、役割や使われる場面の違いが分かりやすくなります。

AIに相談してみる

［　］の部分を自分の状況に合わせて書き換えてください。

以下の操作部品を確認し、ボタンとリンクを役割に応じて使い分けてください。文言・操作後の状態・キーボード操作を含む改善案とHTML例を示してください。 変更理由も短く示し、情報が足りない場合は先に質問してください。

部品の目的・操作後の動作・現在のコード：
［ここに貼り付け］

秘密情報は入力しないでください

ほかの言葉も調べてみませんか？