フォーム
フォームには種類があります。
- ラジオボタン型
- チェックボタン型
- メニュー型
- テキスト型
- テキストエリア型
基本的には
<form method="【post】or【get】" action"CGIのURL"></form>
で、【post】は個人情報を見せない。【get】は見せる。という違い。
→youtubeなどはgetになっている。
また、ページを組み合わせることで、getでも表示しないようにすることも可能。
★入力メモ★
- 【form action="xxx@xxx.com"】→mailtoの後のアドレスにメールを送るというアクションを命令。
- 【form action="enctype="text/plain"】→UTF-8以外の別の設定でも、文字化けせずに表示させる命令。
- 【ラベル】→チェックボックスのhtmlにラベルをつけると、
文字もチェックボックスにと同じ選択範囲になり、ボタンになる。
お問い合わせフォーム
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>お問い合わせ</title> </head> <body> <h1>お問い合わせフォーム</h1> <form action="#" method="post"> <p>名前:<input type="text" name="name" size="20" maxlength="10" value="お名前"></p> <p>内容:<textarea name="subject" rows="5" cols="40">お問い合せ内容</textarea></p> <p><input type="submit" value="送信"></p> </form> </body> </html>
表示するとこんな感じです↓