質問: ラジオボタンで段階評価 ご覧頂きありがとうございます。 現在、webアンケートを実施するために、ラジオボタンを用いて、添付画像のような段階評価のフォームを作りたいと考えています。 「sd法」と呼ばれるアンケートの種類に用いるためで、選択肢が等間隔に並んでいることが目盛で分かることが条件です。 作るにあたって、改変が容易である、と言った事を度外視し、とりあえずなるべく少ない言語(出来ればhtmlとcssと画像のみ)での実現を目指しています。 複数のブラウザ、場合によってはスマートフォンなどでも閲覧することが想定されるためです。 html5だとrangeで標準装備になるようですが、html4.01で、そしてcssだけで作れればベストと考えております。 javascriptで、スライダーとしても作ってみたのですが、ipadでの感触が良くなかったのもあり、 試行錯誤の結果、ラジオボタンを5つ配置し、その背景に目盛の画像を表示出来れば一番簡単かつ安全ではないか、と思っています。 (cgiでデータを受け渡す予定ですが、cgiに不得手なのもあり、シンプルなソースを目指しています) 以上を踏まえまして、 『ラジオボタンの背景に画像を表示させる方法』 (→ページの背景自体に目盛入りの画像を用意するしかないでしょうか?) をご存知の方がいらっしゃいましたら、お教えて頂ければ幸いです。 また、それよりも簡単な方法で、 『ラジオボタンで段階評価させる方法』 をご存知の方がいらっしゃいましたら、合わせてお願い致します。
回答: 評価1 評価2 1 2 3 4 5 表示方法にcgiは関係ないとして、 背景画像が表示出来ない環境の場合、何も出来なくなりますので、ラジオボタンと関連するテキストを示した方が良いのでは?と感じます。 (それを言えば普通の横一列のフォームボタンになりますがw) 背景で目盛を表示する場合には、各親要素で背景画像を表示すれば可能です。 評価2のように縦にするのも見やすいかも。