前にも一度会員登録画面作成を勉強したのですが、今度はECサイトのようなシステムを作っていきたいと思います。
被ってしまいますがまずは、会員登録画面の情報入力フォームを作ってみました。

コード

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>会員登録画面サンプル</title>
</head>
<body>
<h1>会員登録</h1>
<table>
<form action="register_sample2.php" method="post">
<tr>
<td>ログインIDを入力してください。(半角64文字まで)</td>
<td><input type="text" name="login_id" size="64" maxlength="64"></td>
</tr>
<tr>
<td>パスワードを入力してください。(16文字まで)</td>
<td><input type="password" name="password" size="16" maxlength="16"></td>
</tr>
<tr>
<td>氏名を入力してください。</td>
<td><input type="text" name="name" size="48" maxlength="32"></td>
</tr>
<tr>
<td>ハンドネームを入力してください。(半角64文字まで)</td>
<td><input type="text" name="hn" size="64" maxlength="64"></td>
</tr>
<tr>
<td>役職を選択してください。</td>
<td>
<label><input type="radio" name="position" value="1">組長</label>
<label><input type="radio" name="position" value="2">若頭</label>
<label><input type="radio" name="position" value="3">直参</label>
<label><input type="radio" name="position" value="4">組員</label>
<label><input type="radio" name="position" value="5">不良</label>
</td>
</tr>
<tr>
<td><input type="submit" value="確認"></td>
</tr>
</form>
</table>
</body>
</html>

実行結果

解説

このページではプログラムが出てきません。
IEではURLの長さに最大値があるので、フォーム入力情報を全てGETメソッドで渡すことが出来ません。
またセキュリティの問題もあり、必要に応じてPOSTメソッドとGETメソッドを使い分けていく必要があります。
このページではPOSTメソッドのみを使っています。
name属性はデータベースのものと一致させました。
データベースに格納する時には容量も考慮する必要があるため、最初の段階(このページの段階)でmaxlengthを指定しても良いでしょう。(どちらにせよ後々、おかしな値を入れられた時にエラーを返すプログラムを書く必要があります。)

以上

最終更新:2015年11月17日 08:29
添付ファイル