html 文本水印,当用户输入文本创建为保持可见的输入端的HTML文本水印(Create an html waterma...
你好设置为答案,如果有人有相同的问题:)并为未来的参考,因为它似乎是你最后可能会使用该解决方案: http://jsfiddle.net/NXAWW/
这将保持水印的一部分,就像在其他网页样本文本框! 祝你有个好的一天,
关键是这个
.keyup(function(){
var $input = $(this);
if ($input.val().trim() != '') {
$placeholder.val($input.val().trim() + $input.attr('placeholder').replace('test',''));
//$placeholder.val('');
} else {
$placeholder.val($input.val().trim() + $input.attr('placeholder').replace('test',''));
}
});
全jQuery代码
// Create placeholder input to serve as background
var $test = $('#test');
var $placeholder = $test.clone().removeAttr('id').removeAttr('placeholder').addClass('placeholder').val($test.attr('placeholder'));
var $container = $('');
$container.insertAfter($test).append($test).append($placeholder);
// Basic styling
$container.css({
position: 'relative'
});
$test.css({
position: 'absolute',
left: 0,
top: 0,
zIndex: 100,
backgroundColor: 'transparent',
borderColor: 'transparent'
});
$placeholder.css('color', 'transparent');
// Behavior for focus and blur to achieve the visual effect
$test.focus(function(){
var $input = $(this);
var $placeholder = $('.placeholder', $input.parent());
$placeholder.css('color', '#e0e0e0');
}).blur(function(){
var $input = $(this);
var $placeholder = $('.placeholder', $input.parent());
if ($input.val() == '')
$placeholder.css('color', 'transparent');
}).keyup(function(){
var $input = $(this);
if ($input.val().trim() != '') {
$placeholder.val($input.val().trim() + $input.attr('placeholder').replace('test',''));
//$placeholder.val('');
} else {
$placeholder.val($input.val().trim() + $input.attr('placeholder').replace('test',''));
}
});
html 文本水印,当用户输入文本创建为保持可见的输入端的HTML文本水印(Create an html waterma...相关推荐
- 用户输入和while循环
学习如何接受用户输入,例如:假设有人要判断自己是否到了投票的年龄,要编写回答这个问题的程序,就需要知道用户的年龄,这样才能给出答案.因此,这种程序需要让用户输入年龄,再将其与投票年龄进行比较,以判断用 ...
- python学习(字典、用户输入和while循环)
前言:上次学习到了if语句,这次接着进行学习. 字典 字典能够准确地为各种真实物体建模,且能够将相关信息关联起来. 使用字典 字典是一系列的键--值对,一个建对应一个值,值可以为数字.字符串等 在Py ...
- Python3 基础学习笔记 C06【用户输入和 while 循环】
CSDN 课程推荐:<8小时Python零基础轻松入门>,讲师齐伟,苏州研途教育科技有限公司CTO,苏州大学应用统计专业硕士生指导委员会委员:已出版<跟老齐学Python:轻松入门& ...
- python输入end退出循环_python练习:从入门到实践——用户输入和while循环
目录 一.函数 input() 的原理 1.1 编写清晰的程序 1.3 求模运算 二.while 循环简介 2.1 使用 while 循环 2.2 让用户选择何时退出 2.3 使用标志 2.4 使用 ...
- Class - 7 用户输入和while循环
7.1 函数input()的工作原理 函数input()让程序暂停运行,等待用户输入一些文本.获取用户输入后,python将其存储在一个变量中,以方便使用.例: message = input(&qu ...
- 如何对用户输入进行校验
对用户输入进行校验是非常重要,我们无法预知用户行为.当你要求用户输入信息时,用户很可能输入了不正确的格式,而一旦我们将这些错误格式的数据发送到 API,往往会导致不可预期的后果,甚至程序崩溃.因此理论 ...
- 编写python程序、利用循环输出_Python基础编程—用户输入和while循环
温馨提示 如果你喜欢本文,请分享到朋友圈,想要获得更多信息,请关注我. 函数input()的工作原理 函数input()让程序暂停运行,等待用户输入一些文本.获取用户输入后,Python将其存储在一个 ...
- 用户输入与while循环
函数input()的工作原理: 函数input()让程序短暂运行,等待用户输入一些文本,获取用户输入后将其存储在一个变量中 测试input()功能-- #!/usr/bin/env python # ...
- python输入一组身高_一起学Python系列之用户输入
函数input(): 函数input() 让程序暂停运行, 等待用户输入一些文本. 获取用户输入后, Python将其存储在一个变量中, 以方便你使用. message=input("tel ...
最新文章
- Windows 64位下安装Redis详细教程
- asp.net 的性能计数器
- AI领域内,敢和BAT决斗的创业公司都在这了!
- win32汇编--加载位图(bmp)资源
- Mango 的组织重构
- recovery v1跟recovery v2的区别
- 【Java进阶】初识SpringCloud
- 2014-2015-1学期使用的教材
- 深入理解分布式消息队列
- 学习笔记--------分布式事务产生的场景
- 量子纠缠背后的故事(三):维格纳的朋友 精选
- Windows环境下Anaconda-Navigator出现闪退、无法打开问题的解决方案记录
- 分布式 java 应用:基础与实践_单集群数据超1000亿,微服务架构下分布式数据库应用实践...
- 微信小程序自定义波浪组件
- 【番外篇】ASP.NET MVC快速入门之免费jQuery控件库(MVC5+EF6)
- laravel 分页使用
- 理解 __doPostBack--1
- winserve2016 万能驱动网卡_Windows Server 2016中无线网卡驱动问题
- eclipse使用教程(图文)
- vue2.x 微信公众号授权拿取code,静默登录
热门文章
- Linux基本命令(完整版-详解)
- 大数据下的阿里巴巴跨境电子商务逆思维
- 创建一个抽象类动物类以及以下几个接口:进食的接口、睡觉的接口、思考的接口、说话的接口。分别定义猫类、人类、鸟类继承动物类并选择实现上述的接口,并创建实例验证。
- 2021年工业机器人行业研究报告
- 聚类算法——python实现SOM算法
- safari保存视频_如何使用Safari的“阅读列表”保存文章供以后使用
- 【知识点】Python 的np.prod函数详解
- 吐血整理:42个人工智能机器学习数据集推荐
- orbslam2的双目匹配机制代码注释
- jQuery网页版简易qq音乐