私の連絡先ページ: http://onthemouse.com/contact-us/
私は一連のチェックボックスを持っています。それらは Firefox で完璧に表示され、少し奇妙な動作を示します (ボックスが拡大し、クリックすると灰色になり、チェックマークが小さくなり、戻りますぼかしや他の場所をクリックすると通常の状態になります)、Chrome と Safari OS X ではまったく表示されません(browserlabs によると)。Firefox OS X はドットのみを表示しているようです (これも browserlabs によると)。これらは単純なチェックボックスでありField[]
、フォームが送信されるときに作成および配列するために使用されるため、角かっこが付いている id だけが独特です。
チェックボックス コード:
<div style="display:inline;">
<span>
<label class="choice" for="Field1" style="display:inline;margin-left:0px;margin-right:5px;">
<input id="Field1" name="Field[]" type="checkbox" class="field checkbox" value="Web Design" style="width:0px;">Web Design
</label>
</span>
<span>
<label class="choice" for="Field2" style="display:inline;margin-left:0px;margin-right:5px;">
<input id="Field2" name="Field[]" type="checkbox" class="field checkbox" value="Graphic Design" style="width:0px;">Graphic Design
</label>
</span>
</div>
フォームコード: http://pastebin.com/E3ExGPvv