Now is better than never

読者です 読者をやめる 読者になる 読者になる

無糖の日々

時間が経てば甘くなる, The just desserts is also desserts.

HTML 夏の総仕上げ編?

HTML

f:id:Detsch:20160813055709p:plain

今回の目標

これまでの復習としてアンケート作成をする。設定としてはとある焼肉屋さんがお客さん宛に店についての感想や印象を尋ねるというもの。

 

 

導出

<html>
<body>
<title>お客様へアンケート調査</title>
<h5>この度は御社をご指名いただき誠にありがとうございました。
大変お疲れの所申し訳ありませんが是非、お客様のご意見、ご感想を置き書かせください。</h5>
<br>
<form action="cgi-bin/formsample.cgi"method="post">
<p><お客様の会員番号をお教えください。></p>
</p>
<p>
会員番号:<input type="text"name="number"value><br></p>


<p>①スタッフ、店員について気になった点はありますか?(複数回答可)</p>
<form action="cgi-bin/formsample.cgi"method="post">
<p>
<input type="checkbox"name="reason"value="attitude">スタッフの態度
<input type="checkbox"name="reason"value="expression">スタッフの表情
<input type="checkbox"name="reason"value="words">スタッフの言葉遣い
<input type="checkbox"name="reason"value="answerring">スタッフの応対
<input type="checkbox"name="reason"value="posture">スタッフの姿勢
</p>
</form>
<form action="cgi-bin/formsample.cgi"method="post">
<p>②当店をお選びになった理由はありますか?</p>
<p><textarea name="opinion1"rows="10"cols="50"></textarea></p>

<form action="cgi-bin/formsample.cgi"method="post">
<p>③料理は美味しかったでしょうか?</p>
<p>
<input type="radio"name="reason"value="1">1
<input type="radio"name="reason"value="2">2
<input type="radio"name="reason"value="3">3
<input type="radio"name="reason"value="4">4
<input type="radio"name="reason"value="5">5
</p>
<p>④お店の清潔さには満足いただけましたか?</p>
<input type="radio"name="reason"value="1">1
<input type="radio"name="reason"value="2">2
<input type="radio"name="reason"value="3">3
<input type="radio"name="reason"value="4">4
<input type="radio"name="reason"value="5">5
</p>
<p>⑤一か月に何回ぐらいお越しいただいていますか?</p>
<input type="radio"name="reason"value="1">初めて
<input type="radio"name="reason"value="2">2~3回
<input type="radio"name="reason"value="3">4~6回
<input type="radio"name="reason"value="4">7~9回
<input type="radio"name="reason"value="5">10回以上

<p>ありがとうございます。</p>
<p>下記の送信ボタンを押していただけましたら後日会員様宛にxの無料券を差し上げます。</p>
ご協力、ありがとうございます。</form>

 <address>
会社名:焼肉大路
E-mail:yakiniku@abx.cp.jp
電話番号:xxx-xxx-xxxx
</address>

結果

f:id:Detsch:20160813055038p:plain

f:id:Detsch:20160813055113p:plain

送信ボタンつけ忘れてましたね((^_^;) あとで直しておきます…

 

そろそろHTMLだけでやる範囲はおおまかに終えたのでCSSに取り掛かろうかと考えているのですがちょっと厄介かもしれないと思いつつやっていきまーす!

f:id:Detsch:20160813055709p:plain

<