博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
项目中用到的input 遇到的问题的归类
阅读量:4981 次
发布时间:2019-06-12

本文共 616 字,大约阅读时间需要 2 分钟。

  input 前几天 为了这个词 用在搜索框被我们总监喷,为了加强印象,我把它记录下来

最原始的造型 

  作成搜索框 比较尴尬,因为鼠标放上去 字居然还在 ,特难受 解决此问题!!! 第一中方法

$("#sou").focus(function () {

if ($(this).val() == "请输入关键字")
$(this).val("");
});
$("#sou").blur(function () {
if ($(this).val() == "")
$(this).val("请输入关键字");
});

上面方法是input框 鼠标focus的时候value消失 然而现在很多input框 并不是那样,focus的时候还在 ,只有当输入文字的时候才没了 这时候我们可以考虑使用h5的属性 placeholder 这时候问题来了 使用h5 华丽奔放 杠杆的 可是同样的兼容性也不能小觑
 这里利用原生js进行封装 这是我在曾经访问过一位大神 里面的 我们到时候项目中用到 直接调用就好了  地址:http://www.zhangxinxu.com/study/js/jquery.placeholder.js
$(function() {    $("#test").placeholder();	});即可

转载于:https://www.cnblogs.com/guxiaosao/p/4812899.html

你可能感兴趣的文章
Javascript 有用参考函数
查看>>
【转】Simulink模型架构指导
查看>>
[转载]java开发中的23种设计模式
查看>>
揭秘:黑客必备的Kali Linux是什么,有哪些弊端?
查看>>
linux系统的远程控制方法——学神IT教育
查看>>
springboot+mybatis报错Invalid bound statement (not found)
查看>>
Linux环境下SolrCloud集群环境搭建关键步骤
查看>>
MongoDB的简单使用
查看>>
【noip2004】虫食算——剪枝DFS
查看>>
java小技巧
查看>>
POJ 3204 Ikki's Story I - Road Reconstruction
查看>>
SQL中Group By的使用
查看>>
两个表格中数据不用是一一对应关系--来筛选不同数据,或者相同数据
查看>>
js05-DOM对象二
查看>>
mariadb BINLOG_FORMAT = STATEMENT 异常
查看>>
Java回顾之多线程
查看>>
2018 Multi-University Training Contest 10 - Count
查看>>
HDU6203 ping ping ping
查看>>
Fireworks基本使用
查看>>
Java基础常见英语词汇
查看>>