BlueGriffon でログインフォームの作り方を紹介します。
BlueGriffonを起動
BlueGriffonを起動し「新規作成」をクリックします。
Dual View をクリックして プレビューとソースの両方を表示します。
デザイン画面とソースコード画面を同時に表示する機能
login.html で保存
<form>で入力フォームを作る
「挿入」「フォーム」「フォーム」をクリックします。
「URL:confirm.php」「POST」を選択して「OK」をクリックします。
<label>タグで関連付け
<label>タグとは、フォームの中でフォームの項目名と構成部品（チェックボックス、ラジオボタンなど）を関連付けるためのタグです。
ブラウザでラベルをクリックした際に、その構成部品をクリックしたのと同じ動作が可能になります。
「挿入」「フォーム」「ラベル」をクリックします。
「コントロールのID：email」を入力して「OK」をクリック します。
「挿入」「フォーム」「入力」「メールアドレス」をクリックします。
「名前：email」と入力し「必須」にチェックを入れ「OK」をクリックします。
<label>タグにメールアドレスと入力します。
<label>メールアドレス</label> 
パスワードの設定
パスワードも同様に設定します。
「挿入」「フォーム」「ラベル」をクリックします。
「コントロールのID：password」を入力して「OK」をクリック します。
「挿入」「フォーム」「入力」「メールアドレス」をクリックします。
「名前：password」と入力し「必須」にチェックを入れ「OK」をクリックします。
<label>タグにパスワードと入力します。
<label>パスワード</label> 
「挿入」「フォーム」「入力」「送信ボタン」をクリックします。
「名前：ログイン」「値：ログイン」と入力し「POST」を選択し「OK」をクリックします。
BlueGriffon でホームページ作成 無料
- 無料のホームページ作成ソフトBlueGriffonのダウンロードとインストールの方法
- BlueGriffon で ホームページを作成 する レイアウト
- BlueGriffon で ホームページを作成 サイドバー
- BlueGriffon で ホームページを作成 フッター
- BlueGriffon で簡単な お問い合わせフォーム の作り方
- BlueGriffon でログインフォームの作り方
無料のホームページ作成ソフト BlueGriffon を使いホームページを作ります。 無料のホームページ作成ソフトBlueGriffonのダウンロードとインスト…
jikuu.work