Web白描

Webデザインの勉強 - 演習

★PHP

レシピフォーム - まとめ

レシピフォーム - まとめ index.php <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>入力フォーム</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="container"> <h1>入力フォーム</h1> </div></body></html>

数字の入力と改行

数字の入力結果 テキスト P.118〜P.121 金額を表示 数字以外を入力するとエラーが表示される type属性を「number」にすると数字以外は入力ができなくなります(テキスト内容のデバッグの記述は不要) 整数を「1」から「9999」以外を入力できないようにします…

複数の条件の判定処理

複数の条件の判定処理 match文を使った条件の判定処理 $変数1 = match ($変数2) { 値1 => 返す値, 値2, 値3 => 返す値, default => 返す値, }; if文をmatch文に書き換える 改行「echo '';」を「ドットシンタックス」( . ドットでつなぐ)に書き換える '; ec…

入力値を判定

入力値を判定 テキスト P.106〜P.110 「pre」タグを使って改行 テキスト P.111 receive.php 「pre」タグで「print_r()」を挟んで、出力の見栄えに改行を含める '); print_r($_POST); print_r('</pre>'); 条件判定でセレクトメニューの値を表示 HTML内にPHPを記述(…

変数と値

変数 テキスト P.98〜P.103 $変数名[キー] 実行結果 $_POST スーパーグローバル変数 $_POST['recipe_name'] receive.php

入力フォームの項目を増やす

入力フォームの項目を増やす テキスト P.90〜P.97 セレクトメニュー(プルダウンメニューから一択) ラジオボタン(複数の選択肢から一択) 数字の入力(数字入力のみ) テキストエリア(改行を含む複数行) name 属性 値を次のページに運ぶためには「name属…

入力されたデータを受け取る

入力されたデータを受け取る テキスト P.86〜P.89 入力内容を受け取る ファイル「receive.php」を作成 開始タグと終了タグの間に処理を記述 一般的にはPHPデータのみの場合「終了タグ」を記述しません

入力フォーム

入力フォーム テキスト P.78〜P.85 フォームとは kanzaki.comHTMLのフォームフォームの役割 HTMLで入力された値をPHPファイルに渡す フォルダーを作成 フォルダー名「recipe」 入力フォームの記述 ファイル「index.php」を作成(テキストでは、拡張子が.html…

プログラムの構造

プログラムの構造 どんなプログラムを作るのか 具体的な処理 データの保存には、「データベース」が必要 機能機能の詳細 レシピの入力入力フォームから必要な内容を入力してレシピを保存する レシピの一覧表示保存されているレシピのサマリー(要約)を一覧…

ブラウザで表示

ブラウザで表示 テキスト P.60〜P.71 MAMPは起動 PHPの「version」をメモしておきます 以下の場合は「8.3.14」 localhost MAMP内「htdocs」をルートとしたアドレスでブラウザに表示されます ルートのアドレスは、「http://localhost/」になります フォルダー…

MAMP - 初期設定を変更

MAMP - 初期設定を変更 テキスト P.59(実際の設定は、テキスト内容ではなく以下のようにしましょう。) 「ポート番号」は、「80」 MAMPを起動 「コントロールパネル」が表示 Preferencesを変更 「Ports」を「80 & 3306」に変更 ダッシュボードの確認 「Web…

MAMP

MAMP(マンプ) テキスト P.46〜P.58 『Apache(アパッチ)』:Webサーバソフトウェア 『MySQL(マイエスキューエル)』:データベース管理システム 『PHP(ピーエイチピー)』:Webプログラミング言語 を同時にインストールできるアプリケーション MAMPを使…