css中的单选怎么做

在css中，可以使用radio对象制作单选，只需要在input元素中设置“”样式即可。单选按钮是表示一组互斥选项按钮中的一个；当一个按钮被选中，之前选中的按钮就变为非选中的。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

一、单选按钮控件语法

<input name="Fruit" type="radio" value="" />

使用html input标签，name为自定义，type类型为“radio”的表单，

Radio 对象代表 HTML 表单中的单选按钮。

在 HTML 表单中 5531b4c9ceb3f990b641fa70a3e40caa 每出现一次，一个 Radio 对象就会被创建。

单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中，之前选中的按钮就变为非选中的。

当单选按钮被选中或不选中时，该按钮就会触发 onclick 事件句柄。

您可通过遍历表单的 elements[] 数组来访问 Radio 对象，或者通过使用 document.getElementById()。

二、radio单选按钮语法案例

html代码

76c82f278ac045591c9159d381de2c57
9fd01892b579bba0c343404bcccd70fb
  93f0f5c25f18dab9d176bd4f6de5d30e
    03fc48c6e8e131d94ca98b8e034341f4
    3c28e34b23579e5c245555aedac01bb2
    63feeeffa39c280b6ae37965d0b0d460
    b2386ffb911b14667cb8f0f91ea547a7Document6e916e0f7d1e588d4f442bf645aedb2f
  9c3bca370b5104690d9ef395f2c5f8d1
  6c04bd5ca3fcae76e30b72ad730ca86d
    513da0574916c7054c21e5046a1f82a2
      您最喜欢水果？ff9d32c555bb1d9133a29eb4371c1213ff9d32c555bb1d9133a29eb4371c1213
      2e1cf0710519d5598b1f0f14c36ba67429976d4bd93fbee5c9f8c945ddd713fc苹果 8c1ecd4bb896b2264e0711597d40766c
      2e1cf0710519d5598b1f0f14c36ba67429976d4bd93fbee5c9f8c945ddd713fc桃子 8c1ecd4bb896b2264e0711597d40766c
      2e1cf0710519d5598b1f0f14c36ba67429976d4bd93fbee5c9f8c945ddd713fc香蕉 8c1ecd4bb896b2264e0711597d40766c
      2e1cf0710519d5598b1f0f14c36ba67429976d4bd93fbee5c9f8c945ddd713fc梨 8c1ecd4bb896b2264e0711597d40766c
      2e1cf0710519d5598b1f0f14c36ba67429976d4bd93fbee5c9f8c945ddd713fc其它 8c1ecd4bb896b2264e0711597d40766c
    f5a47148e367a6035fd7a2faa965022e
  36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

截图

推荐学习：css视频教程

Atas ialah kandungan terperinci css中的单选怎么做. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!