日々の進歩

コメントへの個別返信は休止中です。ご了承ください。

フォームの仮完成

とりあえず原型ができましたので書いてみます。

<html>
<body>
文字化けするため、半角英数字で入力してください。<br>
<form method="post" action="mailto:example@sample.com" enctype="text/plain">
<p><label for="namae">お名前</label><input type="text" name="name" value=""></p>
<p><label for="adress">メールアドレス</label><input type="email" name="email" value=""></p>
<textarea name="freecoment" cols=40 rows=5>
</textarea>
<p>
<input type="submit" value="送信"><input type="reset" value="リセット">
</p>
</form>
うまく送れなかった方は<a href="mailto:sample@example.co.jp">こちら</a>まで<br>
メールを送信してください。件名に<br>
「楽しく話せるようになる4つのステップ配信希望」と明記してください。<br>
</body>
</html>

この送信フォームの送信ボタンをクリックするとメールソフトが
立ち上がります。
そして
「name=tanaka
email=sample@examle.com
freecomment=konnnichiwa」
みたいな形で「=(イコール)以下の文章が記述された
内容になっているはずです。」

日本語は現在文字化けしてしまいます。
とりあえずこれで形だけですが完成しました。

スポンサーサイト

PageTop

メールアドレス欄

<form>
<p><label for="adress">メールアドレス</label><input type="email" name="email" value=""></p>
</form>

これでメールアドレスの入力場所ができるみたいです。
(次回へ続く)

PageTop

自由記述欄

<form>
<textarea name="freecoment" cols=40 rows=5>
ご自由にどうぞ。それと、どの言葉が印象に残ったのか
教えてください。
</textarea>
</form>

これで「コメント自由記述欄」ができます。

PageTop

動作チェック結果

この送信フォームですが、あとで清書してこのブログで
ソース(HTML文)を公開します。
ちなみに今現在のフォームはGoogle Chromeでも、
Internet Explorerでも動きませんでした。
僕のパソコンからでの動作チェックです。


PageTop

宛先

昔の僕はhotmail(フリーメール)を宛先に指定して
無事送信が可能でした。
しかしブラウザやメールソフトの種類によってはエラーが
出ると思ったので

『うまく送れなかった方は<a href="mailto:sample@example.co.jp">こちら</a>まで
メールを送信して
ください。件名に「楽しく話せるようになる4つのステップ配信
希望」と明記してください』
という文章とリンクを文末に追加していました。

PageTop