私は、どの種類のコンテンツを送信するのかをユーザーに指定し、それぞれの種類を表すPNGアイコンを使用するように求めるシステムを作成しようとしています。理想的には、ラジオボタンのように振る舞う3つのボタン（画像を含む）のグループがあります。ユーザーは矢印キーを使用して切り替えることができ、1つのグループとして扱われます。しかし、それは不可能であると思われ、私が得ることができる最も近いのは、既存のラジオボタンの横に画像を置くことです。この機能を「偽造する」良い方法はありますか？ラジオ入力に代わるもの
ユーザがこれらの入力を認識し、javascriptなしで動作するようラジオボタンを使用することをお勧めします。
<form>
<input type="radio" name="sex" value="male" id="male"/><label for="male">Male</label>
<br />
<input type="radio" name="sex" value="female" id="female" /> <label for="female">Female</label>
</form>
イメージをラベル内に入れることができます。それ以上の場合は、テキストを補う背景イメージを追加することができます。
確かに、各画像の2つのバリエーション（通常と強調表示）を作成し、JavaScriptを使用してどちらが選択されているかを記憶し、画像を切り替える。
画像の横にあるラジオボタンはどうですか？次に、JavaScriptを使用してラジオボタンを非表示にし、画像がクリックされたときに選択したラジオ（隠し）を変更します。選択した画像に何らかのハイライト効果を加えれば、魅力的なインターフェイスが得られます。これを達成するには、JQueryまたは同様のJavaScriptライブラリが便利です。
私はこれを試しましたが、「感触」（キーボードのやりとり）が失われていることを除いてはうまくいきました。それを取り戻す良い方法を考え出すことができません。 – ehdv