怎么让input按纽默认不能点

2024-09-02

JS让input按钮不能点击

<input value="开通" type="button" id="tijiao" class="button" onclick="return kaitong();"> document.getElementById("tijiao").disabled=true;

input框的默认bug是在没干掉边框的情况下是不能设置背景颜色的,否则边框会变成内边框(黑色)效果,很难看. 解决办法是: none掉input框的边框:border:none; 再设置其背景色为任何颜色就没问题了. 但是,此时你要是想给这个input框一个看上去的边框怎么办,因为none掉了,所以解决办法是: 在input框的外层加个div来产生边框效果,input被包含在内只用改变其背景即可.写法如下: <td colspan="3" class="t_conte

html5中如何去掉input type date默认

html5中如何去掉input type date默认样式 2.对日期时间控件的样式进行修改目前WebKit下有如下9个伪元素可以改变日期控件的UI:::-webkit-datetime-edit – 控制编辑区域的::-webkit-datetime-edit-fields-wrapper – 控制年月日这个区域的::-webkit-datetime-edit-text – 这是控制年月日之间的斜线或短横线的::-webkit-datetime-edit-month-field – 控制月份:

在vue组件的stylus样式总取消search类型的input按钮中默认样式

在vue组件的stylus样式中取消search类型的input按钮中默认样式记录一个坑环境 Vue组件使用了Stylus的CSS风格. 问题 input输入框使用了 type="search"这种类型使用后发现, 输入内容后, 最后用个取消按钮,极其恶心, 见截图解决在input类型, 有提供针对此类型的伪元素, 可以进行隐藏总结开始时, 总结在input后面添加伪元素, 是无效的不清楚, 此问题原因, 有大神讲与伪元素的继承有关. 看来, 应该总结下这一块了伪

【转】html5中如何去掉input type date默认样式

html5中如何去掉input type date默认样式1.时间选择的种类:HTML代码: 选择日期:<input type="date" value="2017-06-01" /> 选择时间:<input type="time" value="22:52" /> 选择星期:<input type="week" /> 选择月份:<input type="

html5中如何去掉input type date默认样式

html5中如何去掉input type date默认样式 1.时间选择的种类: HTML代码: 选择日期:<input type="date" value="2017-06-01" /> 选择时间:<input type="time" value="22:52" /> 选择星期:<input type="week" /> 选择月份:<input type=&quo

点击input时,里面默认字体消失显示

点击input时,点击input里面默认字体消失显示: <input type="" name="" id="" value="请输入用户名" onfocus="if(value=='请输入用户名'){value=''}" onblur="if(value==''){value='请输入用户名'}"/> 效果如下: 欢迎指正

css中 input的button默认原始的样子

以往我们写css时,让一行文字垂直居中. 会设置line-height等于height比如: 当我把这个原理放在button上时会是这个样子的. 以下都是火狐浏览器环境有没有发现一个现象,他们好像并没有垂直居中. 如果你不确定有没有垂直居中再看以一幅图片: 这里把line-height给注释掉.文字会向上移动. 这里如果把height:30px给干掉,只写line-height:30px 通过上图我们发现在不设置高度的时候,会在line-height上加了两个像素. 现在我们拿一个清理

css取消input、select默认样式（手机端）

IOS端: background-color:transparent; border-color:transparent; andorid端: 仅仅使用上面的代码还不够,可以发现select框在某些浏览器(包括微信)内置浏览器下还会有箭头以及高亮的线框,要除去这个可以使用 -webkit-appearance: none; 取消webkit默认的样式. 我们将input.select框设为透明的目的就是为了方便使用设计师制作的样式(即使差1.2个px没对齐也不会察觉) 注意:select的下拉

input时间表单默认样式修改（input[type="date"]）

一.时间选择的种类: HTML代码:选择日期:<input type="date" value="2018-11-15" /> 选择时间:<input type="time" value="22:52" /> 选择星期:<input type="week" /> 选择月份:<input type="month" /> DateTime-Lo

input[type='file']默认样式

<input type="file" name="" id="" value="" /> 当input的type为file会有一个默认的hover,就是你鼠标放在按钮上时候,会有一个title显示. 上传文件后显示文件名,未上传时候显示“未选择任何文件”. 有时候UI设计或者是其他考虑需要去掉这个默认设置. 方法很简单: <input type="file" title="&qu

css修改input表单默认样式重置与自定义大全

链接地址: 伪元素表单控件默认样式重置与自定义大全 http://www.zhangxinxu.com/wordpress/?p=3381 Chrome 现在不支持通过伪元素修改 meter 元素样式了 https://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css#L1003 以下测试大部分都是在谷歌浏览器 1.隐藏input等表单的默认样式背景 textarea,select,input{-webkit-appearance

(转)日期类型的input元素设置默认值为当天

原文地址 html5的form元素对日期时间有丰富的支持 <input type="date"> <input type="time"> <input type="datetime"> <input type="month"> <input type="week"> <input type="datetime-local"

设置Input标签Date默认值为当前时间

需求:想设置Imput标签Date默认值为当前时间,通过JavaScript实现. <html> ...... <body> <input type="date" id="date_info" placeholder="请输入时间"/> ...... <script> $(document).ready(function () { var time = new Date(); var day = (

input文本框默认提示

今天闲暇时间把自己以前写的一个文本框默认提示函数改成了一个小插件.下面是代码 1.引入jQuery库 <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> 2.HTML测试文本框 <input type="text" value="请输入地址" /> 3.调用方式 <script> $(function(){ $(&q

input 时间字段默认值

背景: 时间字段展示默认值,开始时间为当天 0点,结束时间为当天晚上12点代码: <input style="Width: 180px;float:left ;" type="date" id="start_time" name="start_time" placeholder="请选择具体时间" data-format="YYYY-MM-DD HH:mm"/> <i

input框改变默认样式

input[type="radio"] { width: 2rem; height: 2rem; -webkit-appearance: none; /*清除复选框默认样式*/ background: url("../../assets/address/addressManagement-nocheck.png") no-repeat; /*复选框的背景图,就是上图*/ background-size: cover; vertical-align: middle

修改Input中Placeholder默认提示颜色（兼容）

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #f00; } input:-moz-placeholder, textarea:-moz-placeholder { color: #f00; } input::-moz-placeholder, textarea::-moz-placeholder { color: #f00; } input:-ms-input-placeholder

input框内默认文字点击消失

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

日期类型的input元素设置默认值为当天

html文件:<input name="" type="date" value="" id="datePicker" class="input">js文件:$(document).ready(function () {document.getElementById('datePicker').valueAsDate = new Date();}

input两种默认显示文字方式

First Note: placeholder属性规定帮助用户填写输入字段的提示,值不会被提交, 且该提示会在输入字段为空时显示,并会在字段获得焦点时消失. 如 <input type="text" name="tname" placeholder="请在这里输入用户名"> <input type="text" name="tname" placeholder="<?ph