2013-10-01から1ヶ月間の記事一覧

スタッフ登録修正

staff_edit.php <html lang="ja"> <head> <meta charset="UTF-8"> <title>スタッフ情報編集画面| おいしい野菜農園</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="container"> 変更するスタッフが選択されていません。</p>'; print '<form>'; prin…</form>

マルチデバイスサイト

HTML <html lang="ja"> <head> <meta charset="utf-8"> <title>マルチデバイスサンプルサイト</title> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="css/style-s.css"> </link></meta></meta></head></html>

レスポンシブwebサイト

html <html lang="ja"> <head> <meta charset="utf-8"> <title>Media Queries</title> </meta></head></html>

スタッフ登録

index.php <html lang="ja"> <head> <meta charset="UTF-8"> <title>おいしい野菜農園</title> </head> <body> <header> <h1>スタッフ追加</h1> </header> <section id="form"> <form action="staff_add_check.php" method="post" id="staff"> <p><label for="passwoed">スタッフ名を入力してください</label><br> </p></form></section></body></html>

phpとデータベースの連動

コンタクトフォームindex.php <html lang="ja"> <head> <meta charset="utf-8"> <title>phpメールフォーム</title> </meta></head></html>

レスポンシブwebデザイン

アスキーの下記の記事を参考に作成しました。 http://ascii.jp/elem/000/000/697/697463/http://portfolio.tank.jp/responsive/ソース <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width "> <title>トップ | 豆は体にイイ</title> </meta></meta></head></html>

ログイン情報をログアウトするまで保持する

PHP

cookieを使ってログイン情報をログアウトするまで保持する <html lang="ja"> <head> <meta charset="UTF-8"> <title>ログイン情報をログアウトするまで保持する</title> </head> <body> <h1>ログイン情報をログアウトするまで保持する</h1> <form action="session.php" method="post"> <dl> <dt>ID</dt> <dd><input type="text" name="my_id" id="my_id"></dd> <dt>パスワード</dt></dl></form></body></html>

cookieを使って訪問回数の確認をする

PHP

cookieを使って訪問回数の確認をする

cookieを使って入力されたIDを次回アクセス時まで覚える

PHP

<html> <head> <meta charset="utf-8"> <title>入力されたIDを次回アクセス時まで覚える</title> </head> <body> <h1>入力されたIDを次回アクセス時まで覚える</h1> <form action="cookie.php" method="post"> <dl> <dt>ID</dt> <dd></dd></dl></form></body></html>

HTML5フォームの新属性

HTML5で追加されたフォーム関連の機能の一部placeholder属性テキストボックス等にあらかじめ入力サンプル文字を表示させることができる。この設定をしておくことで、ユーザーはどのような文字列を入れたら良いのか理解する手助けとなる。 placeholder属性を…

お問い合わせフォームをデータベースと連携

input.php <html> <head> <meta charset="utf-8"> <title>お問い合わせ入力フォーム</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <div id="confirmation"> <form action="check.php" method="POST" id="inquiry"> <table> <tr> <th><label for="name">お名前</label></th> <td>…</td></tr></table></form></div></body></html>

入力フォームまとめ

PHP

入力フォームまとめ <html> <head> <meta charset="utf-8"> <title>入力フォームまとめ</title> </head> <body> <div id="confirmation"> <form action="check.php" method="post"> <table> <tr> <th><label for="name">お名前</label></th> <td><input type="text" name="name" id="name" size="30"></td> </tr> <tr> <th></th></tr></table></form></div></body></html>

入力フォーム 半角数字に直して、数字であるかをチェックする

PHP

半角数字に直して、数字であるかをチェックする <html> <head> <meta charset="utf-8"> <title>半角数字に直して、数字であるかをチェックする</title> </head> <body> <h1>半角数字に直して、数字であるかをチェックする</h1> <form action="post2.php" method="post"> <dl> <dt> 年齢(数字でご記入ください)</dt> <dd> <input type="text" name="age" size="5" maxlength="3"> </dd> </dl></form></body></html>

フォームの内容が空の場合に警告を表示する

PHP

フォームの内容が空の場合に警告を表示する <html> <head> <meta charset="utf-8"> <title>フォームの内容が空の場合に警告を表示する</title> </head> <style> .required { background: #bb1850; color: #fff; font-size: 12px; padding: 12px; margin-left: 10px; } </style> <body> <h1>フォームの内容が空の場合に警告を表示する</h1> </body></html>

入力チェック

PHP

入力チェック <html> <head> <meta charset="utf-8"> <title>入力チェック</title> </head> <body> <form action="post.php" method="post"> <dl> <dt>お名前:</dt> <dd><input type="text" name="name"></dd> <dt>メールアドレス</dt> <dd><input type="text" name="mail"></dd> <p></p></dl></form></body></html>

今月の日にちをドロップダウンに表示する

PHP

今月の日にちをドロップダウンに表示する <html> <head> <meta charset="utf-8"> <title>今月の日にちをドロップダウンに表示する</title> </head> <body> <h1>今月の日にちをドロップダウンに表示する</h1> <form action="output2.php" method="post"> <dl> <dt>指定日は、</dt> <dd> 月 </dd></dl></form></body></html>

都道府県の一覧をドロップダウンに表示する

PHP

都道府県の一覧をドロップダウンに表示する <html> <head> <meta charset="utf-8"> <title>都道府県の一覧をドロップダウンに表示する</title> </head> <body> <h1>都道府県の一覧をドロップダウンに表示する</h1> <form action="output3.php" method="post"> <dl> <dt>都道府県を選択</dt> <dd> <select name="pref" id="pref"> </select></dd></dl></form></body></html>

フォームに入力した内容を取得する,get

PHP

フォームに入力した内容を取得する <html lang="ja"> <head> <meta charset="UTF-8"> <title>フォームに入力した内容を取得する</title> </head> <body> <h1>フォームに入力した内容を取得する</h1> <form action="get.php" method="get"> <dl> <dt><label for="name">お名前 :</label></dt> <dd></dd></dl></form></body></html>

ラジオボタンなどの値を取得する

PHP

ラジオボタンなどの値を取得する <html lang="ja"> <head> <meta charset="UTF-8"> <title>ラジオボタンなどの値を取得する</title> </head> <body> <h1>ラジオボタンなどの値を取得する</h1> <form action="output2.php" method="post"> <dl> <dt><label for="name">お名前:</label></dt> <dd></dd></dl></form></body></html>

文字入力以外のフォーム要素

PHP

HTML フォーム <html> <head> <meta charset="utf-8"> <title>入力フォーム</title> <link href="style.css" rel="stylesheet"> </head> <body> <div id="wrapper"> <h1>入力フォームあれこれ</h1> <form action="output3.php" method="post"> <table> <tr> <th>氏名</th> <td></td></tr></table></form></div></body></html>

ドロップダウンボックスを表示

PHP

<html lang="ja"> <head> <meta charset="utf-8"> <title>10歳から70歳まで選べる、ドロップダウンボックスを表示する</title> </head> <body> <h1>10歳から70歳まで選べる、ドロップダウンボックスを表示する</h1> <form action="output.php" method="post"> <dl> <dt>年齢</dt> <dd> <select name="age" id="age"> <option value="">以下から選択</option> </select></dd></dl></form></body></html>

フォームに入力した内容を取得する

PHP

フォームに入力した内容を取得する <html> <head> <meta charset="utf-8"> <title>フォームに入力した内容を取得する</title> </head> <body> <h1>フォームに入力した内容を取得する</h1> <form action="output.php" method="post"> <dl> <dt><label for="name">お名前:</label></dt> <dd></dd></dl></form></body></html>

フォームに入力した内容を取得する,post

PHP

フォームに入力した内容を取得する,post <html lang="ja"> <head> <meta charset="UTF-8"> <title>フォームに入力した内容を取得する</title> </head> <body> <h1>フォームに入力した内容を取得する</h1> <form action="output.php" method="post"> <dl> <dt><label for="name">お名前:</label></dt> <dd></dd></dl></form></body></html>

フォームの練習5 リスト

PHP

リスト <html lang="ja"> <head> <meta charset="UTF-8"> <title>リスト</title> </head> <body> <h1>リスト</h1> <form action="request.php" method="post"> <p>言語: <select name="language"> <option value="" setected>以下の言語を選択してください</option> <option value="1">日本語</option> <option value="2">英語</option> <…</select></p></form></body></html>

フォームの練習4 パスワード,ファイルをアップデート

PHP

パスワード入力 <html lang="ja"> <head> <meta charset="UTF-8"> <title>パスワード</title> </head> <body> <h1>パスワード入力</h1> <form action="#" method="post"> <p>パスワード:<input type="password" name="passwoed" size="10" maxlength="5"></p> <p><input type="submit" value="送信"></p> </form> </body> </html> ファイ…

フォームの練習2 お問い合わせフォーム

PHP

お問い合わせフォーム <html lang="ja"> <head> <meta charset="UTF-8"> <title>お問い合わせフォーム</title> </head> <body> <h1>お問い合わせフォーム</h1> <form action="request.php" method="post"> <p><label>名前:<input type="text" name="name" size="20" maxlength="10" value="お名前"></label></p> <p><label>内容:</label></p></form></body></html>

フォームの練習3 チェックボタン,ラジオボタン

PHP

チェックボタン <html lang="ja"> <head> <meta charset="UTF-8"> <title>チェックボックス</title> </head> <body> <h1>チェックボックス</h1> <form action="request.php" method="post"> <p>スマートフォン <label><input type="checkbox" name="mobile" value="1" checked>iPhone</label> <label></label></p></form></body></html>

フォームの練習

PHP

form要素のaction属性に送信先「request.php」を設定する <html lang="ja"> <head> <meta charset="UTF-8"> <title>フォームの練習</title> </head> <body> <form method="post" action="request.php"> <div id="container"> <label for="name">名前:</label> <input type="text" id="name" name="name"> </div> </form></body></html>

数値操作関数、ceil、floor、round関数

PHP

切上げされた数値 = ceil ( 変換したい数値 ); 切捨てされた数値 = floor ( 変換したい数値 ); 四捨五入された数値 = round ( 変換したい数値【, 小数点以下の桁数】 ); '; // 切捨てされた64が出力されます print floor($num).'<br>'; // 四捨五入された65が出…

PHP

printf関数 指定フォーマットで整形した文字列を出力する関数 strlen関数 文字列の長さ(文字数)を取得する関数 rand関数 下記ソースコードを実行すると、ブラウザに出力される値はどれか