当前位置: 首页 > news >正文

设置input标签禁用_input使用小技巧

①:如何修改placeholder样式?

8eba3738340465ad9a112755a6a1c9e2.png
 input::-webkit-input-placeholder {
    color: #ccc;
    font-size: 15px;
    }

其它浏览器适配方案

ccae0bc01636413422b3406e09b096ab.png

893478961a5e9605e8ce7c9675182087.png

原文参考:https://webfem.com/post/placeholder


②:设置获取焦点后输入文字大小的样式

09d4c77a3c40b019bc4acbe935312411.png
 input:focus {
    font-size: 15px;
    {

设置获取到焦点时边框的样式

5ff299e60e91f71f786e2c8fb1aaf9d5.png
input:focus {
    border: 1px solid red;
    }

设置获取到焦点后 input 背景颜色

2f2bdd6a1d6c7dd87805d83d934d078c.png

③:给 input 焦点设置颜色,只需给 input 设置 color 属性即可(这样焦点和输入的文字都是一个颜色)

93393a8e4479fb020dd20542e275e6db.png

④:input autofocus 属性,自动获取焦点

http://www.runoob.com/tags/att-input-autofocus.html

cda20d9712c1fc91d1a2b78064863431.png

注:PC—IE9及以下不支持;移动端—ios safari都不支持,安卓3及以上都支持


⑤:autocomplete属性让浏览器自动记录之前输入的值 

f450d7bf0aa853f148620fb0d4468285.png

注:autocomplete="on" 启用自动记录;autocomplete="off" 禁用自动记录

相关文章:

  • 日历对象导哪个包_日期对象到日历[Java]
  • golang 组播数据接收_组播概念3
  • clion设置为中文_手把手教你去除CLion的中文字符乱码
  • mysql 5.5 查询_在mysql5.5中如何查询字符编码?
  • linux mysql验证功能_经过验证的Linux下安装MySQL总结
  • mysql 主从1236_解决mysql开启GTID主从同步出现1236错误问题【转】
  • main spring启动_Spring Boot 第一个示例 “main” 方法
  • mysql des_MySQL · 引擎特性 · InnoDB 文件系统之文件物理结构
  • mysql divided用法_BigDecimal的应用场景及使用方法
  • python 快速排序详解_学习笔记——快速排序(python实现)
  • mysql 总行数一半_《Mysql - Count(*) 的优化》
  • 删除视图的sql语句_推荐强大开源的数据库SQL语句审核平台,再也不用担心删除跑路了!...
  • php使用url连接mysql_3种通过php连接mysql的方法
  • qt mysql分页显示_qt mysql 分页
  • mysql操纵对象_MySQL数据库的对象操作
  • 2019年如何成为全栈工程师?
  • C++回声服务器_9-epoll边缘触发模式版本服务器
  • ES学习笔记(10)--ES6中的函数和数组补漏
  • JavaScript-Array类型
  • JS 面试题总结
  • ng6--错误信息小结(持续更新)
  • React+TypeScript入门
  • Vue.js 移动端适配之 vw 解决方案
  • 为物联网而生:高性能时间序列数据库HiTSDB商业化首发!
  • 因为阿里,他们成了“杭漂”
  • 与 ConTeXt MkIV 官方文档的接驳
  • 积累各种好的链接
  • ​DB-Engines 11月数据库排名:PostgreSQL坐稳同期涨幅榜冠军宝座
  • # C++之functional库用法整理
  • # Swust 12th acm 邀请赛# [ E ] 01 String [题解]
  • #### go map 底层结构 ####
  • $Django python中使用redis, django中使用(封装了),redis开启事务(管道)
  • %check_box% in rails :coditions={:has_many , :through}
  • (10)Linux冯诺依曼结构操作系统的再次理解
  • (附源码)基于SSM多源异构数据关联技术构建智能校园-计算机毕设 64366
  • (实战篇)如何缓存数据
  • (学习日记)2024.01.19
  • (学习日记)2024.04.04:UCOSIII第三十二节:计数信号量实验
  • (转)负载均衡,回话保持,cookie
  • .NET Core/Framework 创建委托以大幅度提高反射调用的性能
  • .NET Framework .NET Core与 .NET 的区别
  • .net 使用$.ajax实现从前台调用后台方法(包含静态方法和非静态方法调用)
  • .NET/C# 使用 ConditionalWeakTable 附加字段(CLR 版本的附加属性,也可用用来当作弱引用字典 WeakDictionary)
  • .net2005怎么读string形的xml,不是xml文件。
  • .NET导入Excel数据
  • .NET连接MongoDB数据库实例教程
  • @Autowired注解的实现原理
  • @column注解_MyBatis注解开发 -MyBatis(15)
  • @media screen 针对不同移动设备
  • @RequestBody与@ResponseBody的使用
  • [ C++ ] STL_list 使用及其模拟实现
  • [ web基础篇 ] Burp Suite 爆破 Basic 认证密码
  • [20160807][系统设计的三次迭代]
  • [202209]mysql8.0 双主集群搭建 亲测可用
  • [BZOJ5125]小Q的书架(决策单调性+分治DP+树状数组)