点击input输入框去除光标 input输入框去除光标中的原提示文字不消失 光标停留在前面，开始输入文字后消失。

来源：蜘蛛抓取(WebSpider) 时间：2017-07-06 07:41 标签： 光标自动定位到输入框
欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术！您的位置： >
> JS+实现提示功能，当鼠标移上输入框时变色和旁边显示文字提示
+DIV鼠标在输入框上时背景变化显示提示文字
&此模块特效可用于用户注册、用户登录等表单提示功能，当鼠标放在输入框时输入框所在行改变，同时输入框旁边显示提示文字。
在线演示：
输入框表单显示提示文字打包下载：
如需转载，请注明文章出处和来源网址：我要分享到：上一篇： 下一篇： 必备CSS教程 Essential CSS Tutorials• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • ()• • ()• ()• • • • • • • • • • • • • • • • 必备HTML基础教程 Essential HTML Tutorials •
• () • () • () •
• () •
• () •
• 如对文章有任何疑问请提交到，或有任何网页制作CSS问题立即到发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。文章修订日期： 11:18
原创：本文www.divcss5.com DIVCSS5版权所有。最新文章NEWS• • • • • • • • • • CSS EFFECTS相关文章RELATED• • • • • • • • • • 热点文章HOT DIVCSS5.com 学习与资源分享平台如何在word表格右侧或左侧输入竖排的文字
　　word文档中绘制表格后，有时需要在表格右侧或左侧输入竖排的文字，如下图中的样式。如何操作呢，详细操作请往下看。　　　　步骤　　1、以图中的表格为例示范下操作。光标移动到表格外空白位置，然后，在菜单栏中顺序点：插入--文本框--竖排　　　　　　2、文档显出文本框，框的四周呈出控制点，点住控制点可以调节文本框的大小。　　光标放在文本框下方中间的控制点上，光标即变成双箭头，点住不放手，往下拉，拉出长方条形。　　　　　　3、光标在框内点下，开始输入文字，小编在这里输入&五厂总销量&。　　输入完后，在其它位置点下表示完成上面的动作。效果如第二张图。　　　　　　4、然后，光标放在文本框边框上，光标即变成+字箭头形状，然后，光标点住边框不放手，把整个文本框移动到表格的左侧，再调整好合适的位置，如图所示。　　　　5、这时，我们发现文本框的边框线盖住了表格的边框线。我们需要把文本框的边框隐藏;　　光标点下文本框边框，表示选中文本框，然后，点下鼠标右键，弹出菜单中点& 设置文本框格式 &。　　　　　　6、点& 设置文本框格式 &后，弹出文本框的设置框。　　在&填充颜色&这里侧边的三角形点下，弹出的菜单中点& 无填充颜色 &。　　在&线条颜色&这里侧边的三角形点下，弹出的菜单中点& 无线条颜色 &，　　　　　　　　7、设置好后，点确定，文本框的边框线即隐藏，最终效果如图中所示。　　　　教程结束，以上就是在word表格右侧或左侧如何输入竖排的文字方法介绍，操作很简单的，大家学会了吗?希望这篇文章能对大家有所帮助!
最新更新栏目
您可能喜欢
大家都在搜博客分类：
&script type="text/javascript" src="jquery-1.4.2.min.js"&&/script&
&script type="text/javascript"&
$(document).ready(function(){
&& var flag=0;
$("input[type=text], input[type=password], textarea").focus(
function(){
&& flag=1;
$("input[type=text], input[type=password], textarea").blur(
function(){
&& flag=0;
});
$(document).keydown(function (event) {&&&&
&&&&&&&&&&&&&&& if(flag==0){
&&&&&&&&&&&&&&&&&&& $("#textfield").focus();
&&&&&&&&&&&&&&& }
&&&&&&&&&&& });
});
&/script&
&input type="text" name="textfield"& id="textfield"/&
&input& type="password" name="textfield2" id="textfield2" /&
&input& type="checkbox" name="textfield3" id="textfield3"/&
&textarea id="test" name="test"&&/textarea&
&input type="text" name="textfield4" id="textfield4" /&
&input type="text" name="textfield5" id="textfield5" /&
&input type="text" name="textfield6" id="textfield6"/&
浏览: 1420 次
来自: 上海
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'textbox中默认文字在鼠标点击后不消失，开始输入文字时才消失。_百度知道
textbox中默认文字在鼠标点击后不消失，开始输入文字时才消失。
我在做站内搜索，用script写了两个函数oncontrolfocus和oncontrolblur，在textbox里面调用他们。目前实现的效果是：鼠标点击后默认文字全部消失。如何实现像豆瓣那样，（1）鼠标点击后...
我在做站内搜索，用script写了两个函数oncontrolfocus和oncontrolblur，在textbox里面调用他们。目前实现的效果是：鼠标点击后默认文字全部消失。如何实现像豆瓣那样，（1）鼠标点击后默认文字不消失，当开始输入时才消失？（2）当用户删除自己输入的文字后，不用点击鼠标，则提示文字自动出现？万分感谢！
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
来自电脑网络类芝麻团
采纳数：534
获赞数：3063
参与团队：
&input type=&text& placeholder=&提示文字& &
按你说的，下面是我的代码，现在的问题是，自己输入的文字也是默认文字那样的灰色而不是黑色怎么办？
不需要你去设置文字的显示的隐藏，也不需要设置样式。。。 也就是说，onfocus和onblur事件你不用处理。
什么意思呢？可是我希望自己输入的文字是黑色的，默认提示的文字是灰色的。现在都是灰色的
就是说，你只需要写 placeholder=&搜索内容&
，不用写事件了，默认的就是“搜索内容”这个提示灰色，你输入的文字是黑色。&asp:TextBox ID=&TextBox1& placeholder=&搜索内容& runat=&Server&&&/asp:TextBox& 这样就好了
lianhua100
lianhua100
采纳数：18
获赞数：24
擅长：暂未定制
改为 if(el.value&&&&)
el.value=&&; ........}
oncontrolfocus还是oncontrolblur函数？
哦，没看清你的需求 去豆瓣看了一下，好像是鼠标点击就文字消失的。
为你推荐：
其他类似问题
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。

我要回帖

更多关于 光标自动定位到输入框 的文章

 

随机推荐