buttonTest1
来源:互联网 发布:淘宝的淘口令怎么取消 编辑:程序博客网 时间:2024/06/02 03:15
<html>
<head>
<style type="text/css">
input.radio {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 50%;
width: 16px;
height: 16px;
border: 2px solid #999;
transition: 0.2s all linear;
outline: none;
margin-right: 5px;
position: relative;
top: 4px;
}
input:checked {
border: 6px solid blue;
}
</style>
</head>
<body>
<label>
<input type="radio" name="radio" class="radio" />
<span class="radio-icon"></span>
ラジオボタン1
</label>
<label>
<input type="radio" name="radio" class="radio" />
<span class="radio-icon"></span>
ラジオボタン2
</label>
<form>
<fieldset>
<legend>Please specify your gender</legend>
<div>
<input type="radio" id="genderChoice1"
name="gender" value="male">
<label for="genderChoice1">Male</label>
<input type="radio" id="genderChoice2"
name="gender" value="female">
<label for="genderChoice2">Female</label>
<input type="radio" id="genderChoice3"
name="gender" value="other">
<label for="genderChoice3">Other</label>
<input type="radio" id="genderChoice4"
name="gender" value="notSpecified" checked>
<label for="genderChoice4">Prefer not to specify</label>
</div>
<div>
<button>Submit</button>
</div>
</fieldset>
</form>
<label>
<input type="checkbox" class="checkbox" />
<span class="checkbox-icon"></span>
チェックボックス
</label>
</body>
</html>
<head>
<style type="text/css">
input.radio {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 50%;
width: 16px;
height: 16px;
border: 2px solid #999;
transition: 0.2s all linear;
outline: none;
margin-right: 5px;
position: relative;
top: 4px;
}
input:checked {
border: 6px solid blue;
}
</style>
</head>
<body>
<label>
<input type="radio" name="radio" class="radio" />
<span class="radio-icon"></span>
ラジオボタン1
</label>
<label>
<input type="radio" name="radio" class="radio" />
<span class="radio-icon"></span>
ラジオボタン2
</label>
<form>
<fieldset>
<legend>Please specify your gender</legend>
<div>
<input type="radio" id="genderChoice1"
name="gender" value="male">
<label for="genderChoice1">Male</label>
<input type="radio" id="genderChoice2"
name="gender" value="female">
<label for="genderChoice2">Female</label>
<input type="radio" id="genderChoice3"
name="gender" value="other">
<label for="genderChoice3">Other</label>
<input type="radio" id="genderChoice4"
name="gender" value="notSpecified" checked>
<label for="genderChoice4">Prefer not to specify</label>
</div>
<div>
<button>Submit</button>
</div>
</fieldset>
</form>
<label>
<input type="checkbox" class="checkbox" />
<span class="checkbox-icon"></span>
チェックボックス
</label>
</body>
</html>
阅读全文
0 0
- buttonTest1
- 使用popen时,若最多执行100次而不pclose,将会出错
- 2017qcon全球软件开发大会,100+国内外技术大咖已就位
- spark开发指南
- Linux系统用ssh-keygen生成公私钥
- html格式化输出JSON示例(测试)
- buttonTest1
- 自定义view,点击更换背景色与随机数
- 面试题-求一个数的平方根
- Java| 时间日期处理(SimpleDateFormat,Calendar,Date)
- JavaScript基础之Nunjucks
- Java抽象类 详解。----更新
- lua -- 使用remove删除table数据
- java 判断登录?未登录跳去登录页,过滤器使用
- 广东省副省长袁宝成一行领导莅临机智云考察调研