`
fanjf
  • 浏览: 332760 次
  • 性别: Icon_minigender_1
  • 来自: 安徽
社区版块
存档分类
最新评论

点击文字让radio选中

 
阅读更多

<html>
<body>
   <form action="" name="form1" method="post">
  
    
     <br />
     <label style="cursor:pointer" for="man">
     <input type="radio" value="男" name="man" id="man"/>男
     </label>
     <label style="cursor:pointer" for="man2">
     <input type="radio" value="女" name="man" id="man2"/>女
     </label>
   </form>

   <input type="radio" id="male" name="sex" checked="checked"/><label style="cursor:pointer" for="male">男1</label> 

   <input type="radio" id="female" name="sex" /><label style="cursor:pointer" for="female">女1</label> 

</body>
</html>

分享到:
评论

相关推荐

    input_美化、单选框 点击文字可以选中

    "input_美化、单选框 点击文字可以选中"这个主题涉及到的是如何通过CSS和JavaScript来改进HTML中的输入元素(如单选按钮)的外观,并且允许用户通过点击文字来选择单选选项。下面我们将深入探讨这一技术实现及其相关...

    用图片代替Radio选择value值.rar

    在网页设计中,传统的单选按钮(Radio)通常用于提供多个选项让用户选择其中之一。然而,为了提升用户体验和界面美观度,有时我们希望用图片来替代这些单调的文字或图标。本教程将详细介绍如何在JavaScript(JS)中...

    使用纯CSS美化radio和checkbox

    它们通常与`&lt;label&gt;`标签一起使用,以便于点击文字也能触发选中状态。例如: ```html &lt;input type="radio" id="option1" name="options"&gt; 选项1 复选框1 ``` 接下来,我们使用CSS来改变它们的样式。由于浏览器的...

    用Radio Button实现单选的资源

    除了监听选中事件,还可以通过`setEnabled()`方法控制Radio Button的启用或禁用状态,以及通过`setTextColor()`和`setButtonTintList()`改变其文字颜色和按钮颜色。 6. **样式自定义**: Android允许开发者自定义...

    分段显示radio button

    在Android开发中,Radio Button是用户界面中常见的一种选择控件,通常用于提供单选选项。然而,系统自带的Radio Button通常只能以线性或圆圈形式显示,无法满足所有设计需求。在这种情况下,开发者可能会寻找自定义...

    通过label标记实现单选框点击文字也能选中

    本文将详细解释如何通过`&lt;label&gt;`标记实现单选框点击文字也能选中,以及其工作原理和实际应用。 首先,`&lt;label&gt;`元素的主要作用是为`&lt;input&gt;`等表单控件提供一个关联的文本描述。这不仅使页面布局更清晰,还能增强...

    Exam5_radio.rar_Radio_单选按钮_单选按钮控件

    在编程和用户界面设计中,单选按钮(Radio Button)是一种常见的控件,它用于让用户在一组互斥的选项中做出选择。在这个“Exam5_radio.rar”压缩包中,我们有一个名为“Radio_单选按钮_单选按钮控件”的程序示例,它...

    (0077)-iOS/iPhone/iPAD/iPod源代码-按钮(Button)-Radio Button With UIKit

    通常,单选按钮由一个圆形图像和文字组成,用户点击后,圆形图像会被选中,表示当前选项已被选中。 要创建一个单选按钮,我们需要以下几个步骤: 1. **创建自定义视图**: 首先,我们需要创建一个自定义的UIView...

    019_UI_常用组件-BasicViews-button-checkbox-radio

    在XML布局中,`&lt;CheckBox&gt;`标签用于创建复选框,我们可以设置文字、选中状态等属性。在代码中,我们可以通过`CheckedChangeListener`监听复选框状态的变化,以执行相应的操作。 单选按钮(RadioButton)则用于一组...

    Mo Radio,不一样的在线电台.pdf

    用户可以在 “我要印书” 页面中选择博客网址,然后智能抓取博客内容,并对要印制成册的博客内容进行编辑,例如,将不需要的内容删除,或调整文字位置等。编辑完成后,用户可以点击 “下一步” ,输入书名、作者,并...

    radio的另类控制

    当用户点击按钮时,可以改变与之关联的视觉元素(如图标或文字)的状态,使其看起来像是电灯的开关状态在开和关之间切换。 接下来,我们分析压缩包中的文件名,这些文件是C++项目的一部分,用于实现上述功能: 1. *...

    JavaScript触发事件列表

    选中事件是当text或textarea对象中的文字被选中时引发的事件。例如:默认信息" onselect="alert('您选中了文本框中的文字')"&gt; 获得焦点事件(OnFocus) 获得焦点事件是用户单击text或textarea对象时,光标落在...

    RadioGroup自定义选项卡样式

    6. **字体与颜色**:自定义RadioButton的字体大小、颜色,以及选中和未选中时的文字样式,可以使用android:textSize、android:textColor等属性,或者在主题中全局设定。 在TestDemo项目中,你可以找到一个实际的...

    易语言源码单选框选择框选中状态.7z

    在这个"易语言源码单选框选择框选中状态.7z"压缩包中,包含的是关于易语言中处理单选框(Radio Button)和选择框(Check Box)选中状态的源代码。 在图形用户界面(GUI)设计中,单选框和选择框是常见的控件,用于...

    单选按钮实现性别的选择.rar

    在网页设计和开发中,单选按钮(Radio Button)是一种常用的用户界面元素,它用于让用户在多个选项中选择一个。本教程将详细讲解如何利用HTML、CSS和JavaScript来实现性别选择功能,通过单选按钮让用户提供他们的...

    RadioButton和RadioGroup实例

    在Android开发中,`RadioButton`和`RadioGroup`是两个重要的UI组件,它们常用于创建单选按钮组,让用户在多个选项中选择一个。在这个实例中,我们将深入探讨这两个组件的使用方法、功能以及如何在实际应用中实现它们...

    底部菜单的实现 ,增加了点击时字体颜色跟随改变

    `RadioButton`的选择特性使其非常适合用于底部菜单,因为它们可以提供清晰的用户反馈,让用户知道当前选中的选项。 1. **创建布局文件**: 在`res/layout`目录下创建一个新的XML布局文件,如`bottom_menu.xml`。在...

    易语言单选框和选择框练习

    单选框(Radio Button)和选择框(Check Box)都是用户交互中的常见组件,用于收集用户的二元选择信息。它们的区别在于,单选框通常在一个组内提供互斥的选择,即用户只能选择其中的一项;而选择框则允许用户独立地...

    No-Circle-Radio-Button:只是简单的android单选按钮,没有圆形

    在Android开发中,单选按钮(RadioButton)通常用于在多个选项中让用户选择一个。标准的RadioButton组件在设计上会有一个圆形的标记,表示选中或未选中的状态。然而,“No-Circle-Radio-Button”项目提供了一种...

Global site tag (gtag.js) - Google Analytics