ヘッダの追加

クイックスタートの例に基づいて、ウィザードの各ページのタイトルをヘッダーに表示するようにウィザードを変更できます。さらに、自動的にページから矢印ボタンが削除され、ページの下に戻るボタンと次へボタンが表示されます。

HTML ファイルの <body> セクションで、基本ウィザードのマークアップを次のマークアップに置き換えます。このマークアップは、見出しテキストに各ページのタイトルテキストを含む順序付きリストを追加します。 (順序なしリストを使用して同じ結果を得ることもできます。)

ドロップダウンからマークアップをコピーして、<body> セクション内に貼り付けます

HTML ファイルの <head> セクションを変更する必要はありません。ウィザードを作成するには、基本スクリプトで十分です。
HTML ファイルを保存し、それをブラウザで開きます。実際のウィジェットは次のように表示され、各ページの上部にヘッダー、下部に戻るボタンと次へボタンが表示されます。

関連トピック