vue动态绑定input修改input的类型

2024-10-04

vue动态(type可变)input绑定

遇到如下错误: v-model does not support dynamic input types 解决方法: vue 2.5.0以上,支持动态绑定 <input :type="type" :name="name" :id="name" v-model="inputVal"> vue 2.5.0以下,可以使用v-if来做 <input v-if="type == 'text'" ty

js 获取input type="file" 选择的文件大小、文件名称、上次修改时间、类型等信息

文件名的传递 ---全路径获取 $('#file').change(function(){ $('#em').text($('#file').val()); }); 文件名的传递 ---只获取文件名 var file = $('#file'), aim = $('#em'); file.on('change', function( e ){ //e.currentTarget.files 是一个数组,如果支持多个文件,则需要遍历 var name = e.currentTarget.files[

jquery修改input的值，vue获取不到的解决办法

$("input[name='aa']").val(2333) //触发一下该input的input事件 $("input[name='aa']")[0].dispatchEvent(new Event('input'))

js修改input的type属性问题

js修改input的type属性有些限制.当input元素还未插入文档流之前,是可以修改它的值的,在ie和ff下都没问题.但如果input已经存在于页面,其type属性在ie下就成了只读属性了,不可以修改.在ff下仍是可读写属性. 今天遇到个问题,输入框有默认值“密码”,但获得焦点时,“密码”两字会去掉,输入时直接变成”****“的password类型.很明显,一开始的时候,input的类型是text,后来变成了password类型.直观的思路是用js修改input的type类型.但ie下这么做

selenium web driver 使用JS修改input属性

selenium获取input时候,发现type=”hidden” 的input无法修改value,经牛人指点,可以使用js修改首先html源文件如下,设置为text .hidden.submit <html> <head> <title>this is a test </title> <script type="text/javascript"> function display_alert() { alert("

修改input的type属性

在ff和chrome中是可以直接修改input的type属性的,但是在ie下面是不允许的. 用jquery 的attr方法去修改,在jquery1.8.3版本会直接抛出异常,但在1.9及以上版本就不再抛异常但无法修改成功. 要修改可以复制当前input对象,然后将本对象复制,插入当前位置后再将原对象删除.

JQuery中如何动态修改input的type属性

代码如下: jQuery(".member_id").focus(function() { jQuery(this).val(''); }).blur(function() { if(jQuery(this).val() == "") { jQuery(this).val("账号"); } }); jQuery(".member_passwd").focus(function() { jQuery(this).val('');

修改input属性placeholder的样式

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content="木人子韦一日尘"> <title>

js获取子节点和修改input的文本框内容

js获取子节点和修改input的文本框内容 js获取子节点: $("#"+defaultPVItemId).children().eq(3); //获取某个选择器下的第四个子节点例如:$("#"+defaultPVItemId).children().eq(3).find('input').val('当前位置'); //修改某个选择器下的第四个子节点的input节点的输入框文本内容 js修改属性内容: attr():该方法一般是获取某个属性值,或者修改某个属性值,

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的text 通过jquery的html获取值未变化

修改input的text 通过jquery的html获取值未变化扩展一个方法 ,通过formhtml()来取代html() (function ($) { var oldHTML = $.fn.html; $.fn.formhtml = function () { if (arguments.length) return oldHTML.apply(this, arguments); $("input,textarea,button", this).each(function ()

input 修改placeholder颜色

一般来说input的placeholder是不能修改的,但是现在浏览器利用伪类实现了对placeholder的修改 input::-webkit-input-placeholder { // cherom color: #cbc8c8; } input:-moz-placeholder { // 火狐 Firefox 4 to 18 color: #cbc8c8; } input::-moz-placeholder { // 火狐 Firefox 19+ color: #cbc8c8; } in

HTML5: input:file上传类型控制

ylbtech-HTML5: input:file上传类型控制 1. 一.input:file 属性返回顶部一.input:file属性属性值有以下几个比较常用: accept:表示可以选择的文件MIME类型,多个MIME类型用英文逗号分开,常用的MIME类型见下表. multiple:是否可以选择多个文件,多个文件时其value值为第一个文件的虚拟路径. 1.accept 只能选择png和gif图片 <input id="fileId1" type="file

css修改input自动提示的黄色背景

css修改input自动提示的黄色背景 input:-webkit-autofill { background-color: #FAFFBD; background-image: none; -webkit-box-shadow: 0 0 0 1000px white inset; }

ie8下修改input的type属性报错

摘要: 现在有一个需求如图所示,当用户勾选显示明文复选框时,要以明文显示用户输入的密码,去掉勾选时要变回密文,刚开始想到的就是修改输入框的type来决定显示明文还是密文,使用jQuery的attr来做试验,测试结果是chrome,Firefox,ie9+都是好的,在ie8以下就会报错,查找了下原因,ie8中是不允许修改input的type属性,最终换了种思路实现. 当勾选显示明文时替换输入框为type="text",不勾选时在将输入框替换为type="password&quo

HTML5的 input:file上传类型控制(转载）

http://www.haorooms.com/post/input_file_leixing HTML5的 input:file上传类型控制 2014年8月29日 66352次浏览一.input:file属性属性值有以下几个比较常用: accept:表示可以选择的文件MIME类型,多个MIME类型用英文逗号分开,常用的MIME类型见下表. multiple:是否可以选择多个文件,多个文件时其value值为第一个文件的虚拟路径. 1.accept 只能选择png和gif图片 <input i

关于django中input标签中file类型以及开路由

0825自我总结关于django中input标签中file类型 1.input提交图片实时展示 <img src="/static/img/default.png" width="80" height="80" style="margin-left: 20px" id="id_img"> <input type="file" name="file"

css 修改placeholder字体颜色字体大小修改input记住账号密码后的默认背景色

壹 ❀ 引本来这个阶段的项目页面都是给实习生妹子做的,我只用写写功能接接数据,但这两天妹子要忙翻译,这个工作阶段也快结束了导致有点慌,只能自己把剩余的几个小页面给写了. 那么做页面的过程中,UI也是精益求精提了部分小要求,例如希望修改input提示语(placeholder)字号颜色,再如浏览器会记住密码,导致input输入框自带了背景色,希望去除这个颜色.之前也没遇到过,或者说遇到也记不住代码,所以趁此机会记录下. 贰 ❀ 修改placeholder字号颜色 placeholder字体大

使用<label>标签修改input[type="checkbox"]的样式

因为<label>的特性有两点 : ①不呈现任何效果, ②用户点击该标签, 浏览器能自动将焦点转移到相关的表单控件上. <form> <input type="checkbox" name="sex" id="male" /> <label for="male">Male</label> </form> 所以正适合用于修改input的样式. 进入正文, 修

HTML 使用CSS 如何去掉文本聚焦框 HTML 使用CSS 如何去掉文本聚焦框 : outline 值设为none 修改input、textarea输入框placeholder样式

HTML 使用CSS 如何去掉文本聚焦框 : outline 值设为none 修改input.textarea输入框placeholder样式兼容性代码: input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:lightgray; } input:-moz-placeholder, textarea:-moz-placeholder {

修改input标签输入样式

去掉input自带的边框: border-style:none;修改input输入的文字样式: input{ font-size: 24px; color:#5d6494; } 修改input框中占位符的样式: ::-webkit-input-placeholder { color:#9195ad; } ::-moz-placeholder { color:#9195ad; } /* firefox 19+ */ :-ms-input-placeholder { color:#9195ad; }

vue动态绑定input修改input的类型

热门专题