HTMLでファイルをダウンロードするためのボタンを作成する方法

コンテンツ

説明書
どうやって
必要なもの
参考文献
フライト

Web設計者は、機能性や審美的な理由から、HTML文書に埋め込まれたボタンをよく使用します。視覚的に楽しい情報の送信や決定をユーザーに提供することに加えて、ボタンはユーザーの操作に基づいてさまざまな機能を可能にします。この記事では、HTMLボタンをクリックすると、ユーザーはファイルをダウンロードできます。

説明書

ボタンは便利で柔軟なHTMLコンポーネントです （Hemera Technologies / PhotoObjects.net / Getty Images）

メモ帳などのテキストエディタでHTMLファイルを作成します。基本ファイルには、少なくとも "html"タグと "body"タグを含める必要があります。

>

"button"タグには、ボタンを説明する情報が含まれています。この場合、ボタンはジェネリック型 "button"で、名前は "Download"です。ページがブラウザに表示されるときにタグの間の単語がボタンに表示されます。
ユーザーがクリックしたときにボタンがファイルを指すようにします。これを行うには、 "onClick"イベントを追加します。

"onClick"イベントは、ユーザーがボタンをクリックしたときに実行されます。この場合、ファイルアドレスを指す新しいウィンドウが開きます。
ファイルを保存してWebブラウザで開きます。拡張子 "html"を付けて保存します（ "test.html"など）。ブラウザで開きます。ボタンがウィンドウの左上隅に表示され、クリックするとユーザーをファイルに転送してダウンロードプロセスを開始します。