今天要写的页面上有一个单选按钮的标签,或者说控件。然后写了几次,发现总是写不对,两个选项总是可以同时选中。记得刚学HTML的时候,这个是很简单的一个标签。于是上网看网页加自己动手实验,找到了问题所在。
分析:首先,创建一个单选按钮: <input type="radio" />男 <input type="radio" />女;这样写的话,两者是可以同时选中的。
解决:在input标签中加一个name属性,让两者的name属性值相同,这样系统就会知道包含这个相同name值的元素是互斥的,也就实现了我们想要的结果。很多人应该觉得这个很简单,但是对于我来说,经常不用这个也就容易忘记。提笔写一写,权当加深记忆。