「会員登録～会員登録画面1～」の編集履歴（バックアップ）一覧はこちら
「会員登録～会員登録画面1～」(2015/11/17 (火) 08:29:25) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
前にも一度会員登録画面作成を勉強したのですが、今度は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>
*実行結果
#image(width=500,会員登録画面.png)
*解説
前にも一度会員登録画面作成を勉強したのですが、今度は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>
*実行結果
#image(width=600,会員登録画面.png)
*解説
このページではプログラムが出てきません。~
IEではURLの長さに最大値があるので、フォーム入力情報を全てGETメソッドで渡すことが出来ません。~
またセキュリティの問題もあり、必要に応じてPOSTメソッドとGETメソッドを使い分けていく必要があります。~
このページではPOSTメソッドのみを使っています。~
name属性はデータベースのものと一致させました。~
データベースに格納する時には容量も考慮する必要があるため、最初の段階(このページの段階)でmaxlengthを指定しても良いでしょう。(どちらにせよ後々、おかしな値を入れられた時にエラーを返すプログラムを書く必要があります。)~
~
以上
