首页 网络技术
  1. 正文

html页面中的单选框功能如何实现

  1.html单选框性别选择示例如下:

  <!DOCTYPEhtml>

  <html>

  <head>

  <metacharset="UTF-8">

  <title>html单选联动示例</title>

  </head>

  <body>

  您的性别:

  <inputtype="radio"name="activity"value="男">男

  <inputtype="radio"name="activity"value="女">女

  <br/><br/><br/>

  </body>

  </html>

  以上就是html单选按钮选择性别的示例。

  2.html单选并默认一个值示例如下:

  <!DOCTYPEhtml>

  <html>

  <head>

  <metacharset="UTF-8">

  <title></title>

  </head>

  <body>

  你是否喜欢旅游?

  <inputtype="radio"name="activity"value="喜欢"checked="checked">喜欢

  <inputtype="radio"name="activity"value="不喜欢">不喜欢

  <inputtype="radio"name="activity"value="随便">随便

  <br/><br/><br/>

  </body>

  </html>

  效果如下图:

  e7d0e1c3a98fef190ddf82a2ddb30ad.png

  以上就是html单选并默认一个值的示例,这里可以发现与上述代码示例1是有一个显著的区别,checked属性。

  checked属性就是规定在页面加载时应该被预先选定的input元素。与<inputtype="checkbox">或<inputtype="radio">配合使用。也可以在页面加载后,通过JavaScript代码进行设置。

本文标题:html页面中的单选框功能如何实现
本文链接:https://www.qqooo.cn/post/6658.html
版权说明:网站文章均来源于手工整理和网友投稿,若有不妥之处请来信 xsds@vip.qq.com 处理,谢谢!