Question

HTML表单里怎么样设置单选框？

就是有多个选择 只能选一个 不能多选 能否给个例子 谢谢

Answer 1

单选表单的话，表示这一组选项的input的type设置为radio且name值必须一致：

1. 将input标签置于label中，点击label的时候会自动选择里面的input；

2. input与label是独立分开的，关联两者的是input的id值和label的for值；两者一致的时候，点击label相当于触发关联的input，两者不相邻依然有效；

例子：

12345678<form action="">    

<input id="fruit1" type="radio" name="fruit" value="苹果" /> 

<label for="fruit1">苹果</label>    

<input id="fruit2" type="radio" name="fruit" value="香蕉" />    

<label for="fruit2">香蕉</label>    

<input id="fruit3" type="radio" name="fruit" value="橘子" />    

<label for="fruit3">橘子</label>

</form>

Answer 2

把几个radio的name属性设置成相同就可以了

Answer 3

<form action="">
	<label><input type="radio" name="fruit" value="苹果" /> 苹果</label>
	<label><input type="radio" name="fruit" value="香蕉" /> 香蕉</label>
	<label><input type="radio" name="fruit" value="橘子" /> 橘子</label>
</form>

或者是

<form action="">
	<input id="fruit1" type="radio" name="fruit" value="苹果" />
	<label for="fruit1">苹果</label><br>
	<input id="fruit2" type="radio" name="fruit" value="香蕉" />
	<label for="fruit2">香蕉</label><br>
	<input id="fruit3" type="radio" name="fruit" value="橘子" />
	<label for="fruit3">橘子</label>
</form>

单选表单的话，表示这一组选项的input的type设置为radio且name值必须一致；

第一种：将input标签置于label中，点击label的时候会自动选择里面的input；

第二种：input与label是独立分开的，关联两者的是input的id值和label的for值；两者一致的时候，点击label相当于触发关联的input，两者不相邻依然有效。

Answer 4

很简单的啊，可以这么写

<input type="radio" name="sex1" value="boy" />男<input type="radio" name="sex2" value="girl" />女

就这样写就可以了

不知道这是不是你想要的回答，有疑问可以向我追问。