form中单选框 input[type="radio"] 分组

在form中有时候需要给单选框分组，这种情况下可以通过给单选框设置相同的name来进行分组；

<html>
<head>
<title> </title>
</head>
<meta charset="utf-8">
<body>
<form action="" method="">
<input type="radio" name="sex"/>男
<input type="radio" name="sex"/>女
<input type="radio" name="subject"/>HTML
<input type="radio" name="subject"/>CSS
</form>
</body>
</html>

时间： 2024-08-28 10:27:18

form中单选框 input[type="radio"] 分组的相关文章

html与用户交互中单选框与复选框&下拉列表中的情况

使用单选框.复选框,让用户选择在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选.请看下面的例子: 语法: <input type="radio/checkbox" value="值" name="名称" checked="checked"/> 1.type: 当 typ

<input type="radio" >与<input type="checkbox">值得获取

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@taglib prefix="s" uri="/struts-tags"%> <!DOCTYPE html> <html> <head> <meta http-equiv="content-

自定义input[type="radio"]的样式

对于表单,input[type="radio"] 的样式总是不那么友好,在不同的浏览器中表现不一. 为了最大程度的显示出它们的差别,并且为了好看,首先定义了一些样式: html: <form action=""> <div class="sex"> <div class="female"> <label for="female">女</label>

HTML 之 Web页面表单form中只有一个input的text元素，按回车默认提交

WEB开发中,如果页面的 form 中只有一个input元素,在该input元素的输入框中按回车(注:此时并没有写对应的onkeydown等事件处理),则浏览器会默认提交表单,请看如下代码: <html> <head> <title>页面中只有一个input元素时默认提交表单</title> </head> <body> <form action="http://www.baidu.com" name=&qu

Jquery给input[type=radio] 控件赋值

1 setobject: function (data, scope, win) { //data jsoon数据, scope,一般为form的id,win 窗口对象,如果在当前window win=null 2 $.each(data, function (id, value) { //循环json数据每个属性 3 var control; //当前控件 4 if (scope) { 5 if(win){ 6 control = $("#" + scope + " #&q

利用css3修改input[type=radio]样式

<form> <div> <input id="item1" type="radio" name="item" value="选项一" checked> <label for="item1"></label> <span>选项一</span> </div> <div> <input id=&qu

input[type="radio"]自定义样式

input为radio时,虽然会有默认选中的样式,但是并不符合大多数项目的需求,我们的目标是可以随心所欲自定义它的样式.怎么做呢?其实很简单,只要抓住3点.分别是1.label 2.隐藏自带样式 3.绘制我们的样式. 首先,我们准备了一个简单的选中样式,看图: 下面我们看看怎么实现 1.label 我们都知道,label可以和input关联,达到点击label就触发input的效果. 既然这样,我们就要充分的利用它. <label for="cat" class="ra

获取<input type="radio">被选中的内容

背景: <input type="radio">,该标签表示的是单选按钮,这个类型相对于其他类型的获取,比较特殊,特此记录一下. 获取方式: 1. 使用选择器直接获取(注意选择器这种方式的使用): 1 <html> 2 <head> 3 <title>标题示例</title> 4 <meta charset="UTF-8"> 5 <style> 6 </style> 7

纯css兼容个浏览器input[type='radio']不能自定义样式

各个浏览器对于表单input[type='radio'].input[type='checkbox']的样式总是各有差异 //html <div class="remember-account"> <input type="checkbox"> <span>记住账号</span> </div> //css .remember-account { display: inline-block; font-siz

form中 单选框 input[type="radio"] 分组

form中 单选框 input[type="radio"] 分组的相关文章

form中单选框 input[type="radio"] 分组

form中单选框 input[type="radio"] 分组的相关文章