Click Me!」ステートメントを設定します。"/> Click Me!」ステートメントを設定します。">

ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLにボタンを設定する方法

HTMLにボタンを設定する方法

藏色散人
藏色散人オリジナル
2021-04-09 10:32:166367ブラウズ

htmlボタンの設定方法: まず HTML サンプル ファイルを作成し、本文に「」ステートメントを設定します。

HTMLにボタンを設定する方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

ボタン要素内に、テキストや画像などのコンテンツを配置できます。これが、この要素と input 要素を使用して作成されたボタンの違いです。

タグの間にあるものはすべてボタンのコンテンツであり、テキストやマルチメディア コンテンツなどの許容可能な本文コンテンツも含まれます。たとえば、ボタンに画像と関連テキストを含めて、それらを使用してボタン内に魅力的なマークアップ画像を作成できます。

唯一禁止されている要素はイメージ マップです。イメージ マップのマウスとキーボードに依存するアクションはフォーム ボタンの動作を妨げます。

ボタンには必ず type 属性を指定してください。 Internet Explorer のデフォルトのタイプは「ボタン」です​​が、他のブラウザ (W3C 仕様を含む) のデフォルトは「送信」です。

例:

ボタンのタグ付け:

<html>
<body>

<button type="button">Click Me!</button>

</body>
</html>

効果:

HTMLにボタンを設定する方法

##【推奨学習:

HTML ビデオ チュートリアル

以上がHTMLにボタンを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。