el-input只读

element-ui 设置input的只读或禁用

只读:readonly 在data里定义:readonly: true, 然后在input框里加上readonly就可以了. 禁用:disabled 在data里定义:edit: true, 然后在input框里加上::disabled="edit"就可以了

有两种方式可以实现input的只读效果:disabled 和 readonly. 自然两种出来的效果都是只能读取不能编辑,可是两者有很大不同. Disabled说明该input无效,及其value不会传递给任何程序,比如asp.php等.Readonly仅仅是无法编辑,不影响其值的传递. Disabled使用: <INPUT type=”text” name=”username” value=”james” disabled> Readonly使用: <INPUT type=”text”

js技术之input只读功能可以通过js设置readonly

一.input标签输入项标签,不同type属性,会有不同的显示效果和不同的作用 input标签的属性: disabled:表单项禁用,不可修改值,也不会被提交 readonly:表单项只读,不可修改值,但会被提交二.案例根据Name来获取并设计(本人使用) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <!--显示

input 只读不能修改

方法1: onfocus=this.blur() <input type="text" name="input1" value="中国" onfocus=this.blur()> 方法2:readonly <input type="text" name="input1" value="中国" readonly> <input type="text&

python 全栈开发，Day54(jQuery的属性操作,使用jQuery操作input的value值,jQuery的文档操作)

昨日内容回顾 jQuery 宗旨:write less do more 就是js的库,它是javascript的基础上封装的一个框架在前端中,一个js文件就是一个模块一.用法: 1.引入包 2.入口函数 $(fn(){}); 3.事件处理处理dom(文档中的所有的元素) 二.筛选选择器(重点) 三.动画 $('div').show(3000)/hide()/toggle() slideDown/slideUp/slideToggle() fadeOut()隐藏/fadeIn()/fadeT

vue2.x directive - 限制input只能输入正整数

onlyNum.js import Vue from 'vue' //只对input生效 export default function (el) { var input = el; input.onkeyup = function (e) { if(input.value.length==1){ input.value = input.value.replace(/[^1-9]/g,''); }else{ input.value = input.value.replace(/[^\d]/g,

OCP考点实战演练01-备份恢复篇

本系列宗旨:真正掌握OCP考试中所考察的技能,坚决不做Paper OCP! 实验环境:RHEL 6.4 + Oracle 11.2.0.4 OCP考点实战演练01-备份恢复篇 1.数据库开启归档 2.配置数据库的可恢复性 3.RMAN恢复目录 4.创建RMAN备份 5.使用RMAN备份进行恢复 6.用户管理的备份和恢复 7.其他RMAN功能 8.监视和调整RMAN 9.配置和使用闪回 Reference 1.数据库开启归档 #正常关闭数据库之后,启动数据库到mount状态,开启数据库归档 SQL

学习 React(jsx语法) + es2015 + babel + webpack

视频学习地址: http://www.jtthink.com/course/play/575 官方地址 https://facebook.github.io/react/ 神坑: 1.每次this.setState都会重新初始化getInitialState中的参数 2.createClass的命名必须以大写开头如,var MySelect = React.createClass,这里如果定义为myselect就会出错 3.render方法的第一个参数return,html代码的第一行必须和re

VUE 入门笔记

前端的MVVM概念今年来也算是如火如荼,了解完 MVVM的概念,也该找个去尝试下首先我先试了下国内小而美的 VUE 试着照着文档敲出入门文件,内容都在注释里 <!doctype html> <html> <head> <title>VUE 入门</title> <style> body{display:flex;flex-wrap: wrap;align-items:flex-end;} body>div{box-shado

Delphi的文件操作

参考自:http://www.cnblogs.com/railgunman/articles/1800318.html Delphi 中默认有input 和 output 两个文件变量,使用可以不用定义,直接使用.但是,input 只读.output 只写.使用的时候要注意以免引起异常. 文件是由文件名标识的一组数据的集合,文件通常存在磁盘上.源程序.学生档案记录.图形.音乐等均可以作为文件存储在磁盘上.操作系统是以文件为单位对数据进行管理的,也就是说,如果想读取外存介质上的数据,必须先按文件名

bootstrap3-typeahead 自动补全

很酷的一个自动补全插件 http://twitter.github.io/typeahead.js 在bootstrap中使用typeahead插件,完成自动补全相关的文档:https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md 数据源: Local:数组 prefectch:json remote等方式 html: <input id="orderNo" class="t

jQuery 各种选择器 $.()用法

jQuery 元素选择器jQuery 使用 CSS 选择器来选取 HTML 元素. $("p") 选取 <p> 元素. $("p.intro") 选取所有 class="intro" 的 <p> 元素. $("p#demo") 选取 id="demo" 的第一个 <p> 元素.jQuery 属性选择器jQuery 使用 XPath 表达式来选择带有给定属性的元素. $(&

Delphi的文件操作（定义，关联，打开，读写，关闭）

参考自:http://www.cnblogs.com/railgunman/articles/1800318.html Delphi 中默认有input 和 output 两个文件变量,使用可以不用定义,直接使用.但是,input 只读.output 只写.使用的时候要注意以免引起异常. 文件是由文件名标识的一组数据的集合,文件通常存在磁盘上.源程序.学生档案记录.图形.音乐等均可以作为文件存储在磁盘上.操作系统是以文件为单位对数据进行管理的,也就是说,如果想读取外存介质上的数据,必须先按文件名

css3_note

css3基础 css3选择器属性选择器属性选择器基本上IE7+都支持,可以放心的使用,参见caniuse [attr] [attr=val] [attr*=val] [attr^=val] [attr$=val] [attr~=val] //[title~=bar]匹配 <a title="foo bar baz"> [attr|=val] //[lang|=us]匹配 <div lang="en-us"> 伪类选择器(结构伪类和状态

原生js实现常见的jquery的功能

原生选择器充分利用 bind(this)绑定 <div id="box"> <ul> <li >111 </li> <li class="lione">2222</li> <li class="lione">3333</li> </ul> </div> <div id="box2"> <

【HTML】 HTML基础知识表单

html 表单表单的标签是<form>,用于给网站的后台提交数据.提交的数据格式原本是什么样不太清楚,以python的flask框架来看,我从表单中得到的数据是一个字典(flask.request.form),可以从中获取到表单中提交上来的数据.字典的键是各个表单元素的name属性的值,值则是用户的输入. ■ <form> form本身具有一些属性,比如action指定了一个url,就是当把表单中的数据提交上去后由url指定的程序来处理这些数据.这个指定的程序可以是一个.php脚

前端 ----jQuery的属性操作

04-jQuery的属性操作 jquery的属性操作模块分为四个部分:html属性操作,dom属性操作,类样式操作和值操作 html属性操作:是对html文档中的属性进行读取,设置和移除操作.比如attr().removeAttr() DOM属性操作:对DOM元素的属性进行读取,设置和移除操作.比如prop().removeProp() 类样式操作:是指对DOM属性className进行添加,移除操作.比如addClass().removeClass().toggleClass() 值操作:

day45 jQuery

在用js写代码时,会遇到一些问题: window.onload 事件有事件覆盖的问题,因此只能写一个事件. 代码容错性差. 浏览器兼容性问题. 书写很繁琐,代码量多. 代码很乱,各个页面到处都是. 动画效果很难实现. jQuery的出现,可以解决以上问题关于jQuery的相关资料: 官网:http://jquery.com/ 官网API文档:http://api.jquery.com/ 汉化API文档:http://www.css88.com/jqapi-1.9/ jQuery 的两大特点链

04-jQuery的属性操作

jquery的属性操作模块分为四个部分:html属性操作,dom属性操作,类样式操作和值操作 html属性操作:是对html文档中的属性进行读取,设置和移除操作.比如attr().removeAttr() DOM属性操作:对DOM元素的属性进行读取,设置和移除操作.比如prop().removeProp() 类样式操作:是指对DOM属性className进行添加,移除操作.比如addClass().removeClass().toggleClass() 值操作:是对DOM属性value进行读取和

jquery选择器和属性

jQuery的选择器 <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div></div> <div id="box"></div> <div class="box"><

php 使用fileupload上传多张图片，压缩包

test.php <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="upload.php?type=upload" method="post">

巴特西