inputの文字の位置について

Question

inputを使うとチェックの横に文字が来ると思うのですが、チャックの下に文字が来るようにすることはできますか？調べてみましたがわかりませんでした。よろしくお願いします。

Answer 1

他の方がお答えしていますが、
labelを使用することで実現可能です。
動くサンプルも作成したのでご確認ください。

<input type="radio" name="name1" id="name1">
<label for="name1">radio01</label>

動くサンプル：https://jsfiddle.net/jpt3aofv/1/

Comments

[nyanryou]

また助けていただきありがとうございます。

Answer 2

inputを使うとチェックの横に文字が来ると思うのですが

<input type="checkbox">に、デフォルトでは文字は出ません。別途<label>などで書いてください。

Comments

[nyanryou]

すみません。<input type="radio">のことです。説明不足で申し訳ございませんでした。

Answer 3

ウェッブデザインラボさんの「【フォーム】クリックしやすいラジオボタンとチェックボックス」の記事のようにcheckboxとラベルを<td>タグに納めてはどうでしょうが。

Comments

[nyanryou]

サイトみてみます。