常用input文本框内容自动垂直居中并默认提示文字单击为空

三个功能:

1、内容自动垂直居中
2、默认提示文字显示灰色
3、单击后变为空
 

复制代码
代码如下:

<input type="text" name="wd1" id="qy_1" maxlength="100" style="color:gray;width:199px;height:30px;line-height:30px;" autocomplete="off" value="请输入企业名称" style="color:gray;" onfocus="javascript:if(this.value == '请输入企业名称') this.value = ''; this.style.color='gray';" onblur="if(this.value == '') {this.value = '请输入企业名称'; this.style.color = 'gray';}">

时间: 2025-01-09 14:31:24

常用input文本框内容自动垂直居中并默认提示文字单击为空的相关文章

常用文本框内容自动垂直居中并且默认提示文字可单击为空

三个功能: 1.内容自动垂直居中 2.默认提示文字显示灰色 3.单击后变为空 <input type="text" name="wd1" id="qy_1" maxlength="100" style="color:gray;width:199px;height:30px;line-height:30px;" autocomplete="off" value="请输入企业

js仿baidu google 实用的文本框内容自动完成效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>实用的文本框内容自动完成效果</ti

捕获input文本框内容改变事件的js代码_表单特效

网上一位老兄采用如此方法: readonly :是文本框不可输入. [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 可以采用onPropertyChange来捕获文本改变事件,试验成功!

chrome表单自动填充导致input文本框背景变成偏黄色问题解决

chrome表单自动填充后,input文本框的背景会变成偏黄色的,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对其赋予以下样式:   复制代码 代码如下: input:-webkit-autofill { background-color: #FAFFBD; background-image: none; color: #000; } 在有些情况下,这个黄色的背景会影响到我们界面的效果,尤其是在我们给input文本框使用图片背

系统-复制内容后,双击文本框 会自动复制并粘贴

问题描述 复制内容后,双击文本框 会自动复制并粘贴 本人遇到一个奇怪的问题,就是在A文本框中选中内容选择复制,然后在B文本框中进行粘贴.如果B文本框单击一次,然后选择粘贴,可粘贴,如果双击B文本框,再选择粘贴,就会将B文本框中内容进行复制粘贴.如果此时在C文本框中单机选择粘贴,则会显示B文本框中的内容.不是键盘鼠标的问题,也不是软件的问题,因为除了world,在网页上也出现此问题.用起来特别麻烦,所以求哪个大神帮帮忙,谢谢啊 解决方案 你电脑上安装什么其它软件了么?找一个可以光盘上运行的系统,比

JS代码同步文本框内容的实例方法

这篇文章介绍了JS代码同步文本框内容的方法,有需要的朋友可以参考一下   HTML代码: 复制代码 代码如下: <html>    <head>      <script>       //同步函数       function synchronize(){         document.getElementById('i1').value =document.getElementById('i2').value;         //alert("同步成

JS判断文本框内容改变事件的简单实例

 本篇文章主要是对JS判断文本框内容改变事件的简单实例进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助 oninput,onpropertychange,onchange的用法   onchange触发事件必须满足两个条件:   a)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发无效)   b)当前对象失去焦点(onblur):    onpropertychange的话,只要当前对象属性发生改变,都会触发事件,但是它是IE专属的:          oninput是on

当某个文本框成为焦点时即清除文本框内容_javascript技巧

复制代码 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>成为焦点时清除文本框内容</title> <script> window.onload = initAll; function initAll(){ var clearText = document.getElementsByTagName("input

JS获取及设置TextArea或input文本框选择文本位置的方法_javascript技巧

本文实例讲述了JS获取及设置TextArea或input文本框选择文本位置的方法.分享给大家供大家参考.具体实现方法如下: function getPos(el) { var range, textRange, duplicate el.focus() if ( el.selectionStart ) return el.selectionStart else if ( document.selection ) { // IE range = document.selection.createR