重置input checked

最新推荐文章于 2024-07-21 11:35:59 发布
最新推荐文章于 2024-07-21 11:35:59 发布
阅读量154 收藏
点赞数
原文链接：http://www.cnblogs.com/duke-peng/p/9843357.html
版权

<!--
作者：duke
时间：2018-10-24
描述： 重置input 样式
-->

<!DOCTYPE HTML>
<html>

<head>
<meta charset="utf-8">
<title>table</title>
</head>
<style>
input[disabled='disabled'] {
-webkit-appearance: none;
padding: 0;
margin: 0;
border: 0;
width: 16px;
height: 16px;
padding: 10px 0;
background: red;
position: relative;
margin-left: 300px;
}

input[disabled='disabled']:after {
content: "";
width: 1px;
height: 21px;
position: absolute;
background: #000;
transform: rotateZ(41deg);
left: 8px;
top: 0;
}

input[disabled='disabled']:before {
content: "";
width: 1px;
height: 21px;
position: absolute;
background: #000;
transform: rotateZ(-41deg);
left: 8px;
top: 0;
}
/*input:checked {

-webkit-appearance: none;
outline: none;
padding: 0;
margin: 0;
border: 0;
width: 16px;
height: 16px;
padding: 10px 0;
background: red;
position: relative;

}*/

input:checked:after {
content: "";
position: absolute;
left: 6px;
width: 3px;
height: 11px;
top: 3px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotateZ(41deg);
}

input[type='checkbox'] {
-webkit-appearance: none;
outline: none;
padding: 0;
margin: 0;
border: 0;
width: 16px;
height: 16px;
padding: 10px 0;
background: red;
position: relative;
}
</style>

<body>

<input type="checkbox" disabled="disabled" />
<input type="checkbox" />

</body>

</html>

转载于:https://www.cnblogs.com/duke-peng/p/9843357.html

第八个猴子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML5&CSS3网页制作：Input元素的type属性.pptx
05-31
- 语法：`<input type="text" />` - 常用属性：`name`(标识输入框的名称)，`value`(初始文本内容)，`maxlength`(最大输入字符数)，`size`(显示宽度)。 2. **密码输入框（password）** - 描述：用于输入密码，...
表单注册界面
weixin_50919504的博客
02-04 420
表单注册界面 代码 <!DOCTYPE html> <html lang="zh-cnb+-"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>css</title> <style> input
文件上传时对input标签的重置
yanhappiness
01-04 4663
在使用input上传文件时，通常会绑定onchange事件，但是文件上传后input的value值不会主动清空，以至于再次上传同名文件时不会触发onchange事件，所以需要手动清空。三种方法如下： html结构 <form action="" id="uploads"> <input type="file" id="fileUp"/> </form> js代码：
input button标签reset属性不能重置表单内容
最新发布
alexsong51的博客
07-21 439
首先，reset 必须得在 form 表单内才能生效，其次，input 输入类型的元素标签不能设置默认的 value 值，checkbox、radio 不能设置默认的 checked 选中属性，select 的 option 选择项不能设置 selected 属性值。否则 reset 就达不到置空的效果。
input重置
qq_45448242的博客
04-23 277
【代码】input重置。
input点击事件----重置表单注意事项
grow_的博客
04-20 1829
1.input点击事件 input添加readonly属性 @click.native="function" 2.重置表单注意事项 1.直接在重置上使用不需要加this <el-button @click="$refs['searchForm'].resetFields()">重置</el-button> 2. 检查标签属性 prop ，指定了字段名, 重置才会生效 3.下面定义的data也要给字段名 ...
js重置input内容的两种情况
tangyuanpp的博客
09-12 9194
在项目中遇到一个小问题，在我表单页面有个重置按钮，实现点击按钮清空页面所有的input内容。 我是写了一个方法，在点击按钮事件下调用这个方法，方法里给每个input赋值为空，举个例子，也就是这样 ： a.$("#input的id名字").attr("value", ""); 或b.$("#input的id名字").val(""); (这里说一下a和b的区别： .val() 能够取到 针对...
input值总结
08-21
9. `reset`：创建重置按钮，用于清除表单数据。 10. `file`：让用户选择本地文件上传。 二、`value`属性 `value`属性用于设定输入框的初始值，或者对于`<input type="button">`和`<input type="submit">`来说，它是...
使用jQuery重置所有字段
04-05
this.checked = false; } else { $(this).val(""); } }); ``` 4. **重置下拉菜单**：对于`<select>`元素，我们需要将默认选中的选项设为选中。假设默认项是第一个`<option>`，我们可以这样操作： ```...
jquery radio的取值_radio的选中_radio的重置方法
11-23
radio 按钮组, name=”sex”. <input type="radio" name="sex" value="Male">Male</input> <input type="radio" ...$('input:radio[name=sex]:checked').val(); 2. 选择 radio 按钮 (Male). $('
点击重置按钮，重置输入框和复选框
m0_58893670的博客
05-31 1076
效果图： 用 组件库 提供的API v-model 绑定，在data里定义值为 false，点击按钮的时候，把值 赋值为 false <a-col :md="8" :sm="24"> <a-form-item label="字典名称" :labelCol="{ span: 5 }" :wrapperCol="{ span: 18, offset: 1 }"> <a-input pla..
css3属性选择器，css中“~”（波浪号）、“，”（逗号）、“+”（加号）和（大于号）详解
热门推荐
林中明月间丶
04-12 1万+
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta
单选框-复选框重置的方法
rqgxy的博客
11-29 6657
问题描述         希望对于填报表中的编辑风格为单选钮或复选框的单元格能够进行重置。如男、女单选框，在报表初始化展现时是两个单选钮都不点选，当选择一项后，无法将其重新改成都不点选的状态，需要能对单选钮的单元格进行重置。          解决方案 function clearForm(formName) {    var formObj = document.forms[form
点击按钮清空input复选框
weixin_44540416的博客
06-24 1610
< input type=“checkbox”/> 复选框 < div id=“loginbtn”>点击清空< /div> $("#loginbtn").click(function(){ $('div input[type=checkbox]').attr('checked',false);//清空复选框 })
Jquery的input添加和删除checked属性问题
i__wonder的博客
12-09 2904
举一个简单的html例子： <body> <ul> <li><input type="checkbox" name="name" checked value="1"/>1</li> <li><input type="checkbox" name="name" checked value="1"/>1</li> <li><input type="checkbox" name=
HTML5 Input元素的type属性详解
- 可以通过`checked`属性预设默认选中状态。 5. **普通按钮（type="button"）**： - 提供一个可点击的按钮，但没有内置功能，通常用于运行JavaScript事件处理程序。 6. **提交按钮（type="submit"）**： - 用于...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值