使用JavaScript 在input 之 value 输入框文字提示代码

最新推荐文章于 2024-09-09 09:35:48 发布
最新推荐文章于 2024-09-09 09:35:48 发布
阅读量1.2k 收藏 2
点赞数
分类专栏： Web开发 文章标签： input javascript 金山 action border

代码一：
value="请输入你要搜索的关键词" οnfοcus="if (this.value=='请输入你要搜索的关键词') this.value='';"

代码二：
value="请输入你要搜索的关键词" οnblur="if(this.value==''){this.value='请输入你要搜索的关键词'}" οnfοcus="this.value=''"

value="请输入你要搜索的关键词" οnfοcus="if (value =='请输入你要搜索的关键词'){value =''}" οnblur="if (value ==''){value='请输入你要搜索的关键词'}"

例如：

<form name="frmsearch" id="frmsearch" action="/search/" method="post">
<input type="text" id="Key" name="Key" maxlength="120" style="width:125px;" title="关键字" value="关键字" οnfοcus="if (this.value=='关键字') this.value=''" />
<input type="submit" value="" />
</form>

金山毒霸的一段代码：
<INPUT οnblur="if (value ==''){value='金山毒霸6最新版'}" οnmοuseοver=this.focus() οnfοcus=this.select() οnclick="if(this.value=='金山毒霸6最新版')this.value=''" maxLength=40 size=16 value=金山毒霸6最新版 name=ss_name>

另外一种

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>鼠标提示</title>
<script language="JavaScript">
function seashowtip(tips,flag,iwidth){
var my_tips=document.all.mytips;
if(flag){
my_tips.innerHTML=tips;
my_tips.style.display="";
my_tips.style.width=iwidth;
my_tips.style.left=event.clientX+10+document.body.scrollLeft;
my_tips.style.top=event.clientY+10+document.body.scrollTop;
}
else
{
my_tips.style.display="none";
}
}
</script>
<style>
body{font-size:12px}
</style>
<div id=mytips style="position:absolute;background-color:#ffffff;width:121;height:16;border:1px solid gray;display:none;filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3); left:0; top:5"></div>
</head>
<body>
<form name="form1" method="post" action="">
用户名：
<input type="text" name="textfield" tips="*** 输入用户名." οnmοusemοve=seashowtip(this.tips,1,150) οnmοuseοut=seashowtip(this.tips,0,150)>
<br/>
密  码：
<input type="text" name="textfield2" tips="*** 输入密码." οnmοusemοve=seashowtip(this.tips,1,150) οnmοuseοut=seashowtip(this.tips,0,150)>
<br/>
验证码：
<input type="text" name="textfield3" tips="*** 输入验证码." οnmοusemοve=seashowtip(this.tips,1,150) οnmοuseοut=seashowtip(this.tips,0,150)>
<input type="submit" name="Submit" value="提交">
</form>
</body>
</html>

upjd
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Javascript实现文本框输入提示
04-13
Javascript实现的网页文本框输入提示 实现原理： 文本框输入内容后，搜索字符串数组，将匹配内容写入DIV以下拉列表形式展现，并支持方向键选择，效果类似搜索网站的输入提示。 友情提示： 较为粗糙的实现方法，推荐感兴趣的新人看一下，高手请绕过^_^ 提示： 参考他人代码整理，稍稍进行扩展，非原创。
javascript html 文本框插入文本,javascript – 在文本框中输入文本
weixin_39932330的博客
06-03 2481
演示：jsFiddleHTML：nelsonjustinJS：function selectedItemChange(sel) {document.getElementById('teste').value = sel.value;}说明：nelson>改变了三个原因：> onclick优先于onClick以保持一致性>尼尔森需要改为纳尔逊()以实际调用该函数.>因为我们正...
input数据框显示提示文字代码
qq605053977的博客
03-12 591
JS控制文本框输入
旋转木马的IT小窝
06-28 695
            function checkNUM(val) {            var o = document.getElementById("TextBox1");            if (o.value.substring(0, 1) != "3" && o.value.substring(0, 1)
javascript怎么输入文字,js怎么输入字符串
wenangou的博客
10-24 593
大家好，给大家分享一下javascript怎么输入文字，很多人还不知道这一点。js: 用失去光标事件， 关键代码：str.replace(/，/ig,',');JS 控制文本框只能输入中文、英文、数字、小数点。JS 控制文本框只能输入中文、英文、数字、空格。JS 控制文本框只能输入中文、英文、数字。JS 控制文本框只能输入数字、小数点。JS 控制文本框只能输入英文、数字。JS 控制文本框只能输入数字。JS 控制文本框只能输入英文。JS 控制文本框只能输入中文。
javascript input输入框模糊提示功能的实现
10-19
在JavaScript中，实现输入框（input）的模糊提示功能，是一种常见的增强用户交互体验的方法。这种功能允许用户在输入文本时自动显示出与已输入内容匹配的建议列表，从而提高输入效率。在本教程中，我们将重点介绍...
jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
10-29
为了提高用户体验，经常会在表单的输入框（`input`元素）内预设提示性文字，这些文字在用户未输入时显示，一旦用户聚焦输入框开始输入，提示文字应自动消失。jQuery是一个广泛使用的JavaScript库，它简化了DOM操作和...
javascript使用正则控制input输入框允许输入的值方法大全
01-19
input name=username type=text onkeyup=value=this.value.replace(/\D+/g,'')> 2、只允许输入英文字母、数字和下划线(以下二种方法实现) <input name=username type=text style=ime-mode:disabled> <...
input 标签实现输入框带提示文字效果(两种方法)
11-27
在网页设计中，创建带有提示文字的输入框是常见的需求，这有助于用户理解输入框的预期用途。在本文中，我们将探讨两种使用`input`标签实现这种效果的方法，特别是利用HTML5和CSS3的新特性。 **方法一：HTML5与CSS3...
控制input输入框中提示信息的显示和隐藏的方法
09-04
4. **CSS增强**：为了提高用户体验，还可以使用CSS来改变input输入框的样式，如在鼠标悬停时改变背景色，以提示用户可交互。例如： ```css .search input { star : expression(onmouseover=function(){ this....
JavaScript如何实现在文本框(密码框)输入提示语
10-23
为了更好的达到用户体验度，我们在登录表单时会有一些提示语言，比如说：“请输入用户名”和“请输入密码”等语言，下面小编通过本篇文章给大家分享JavaScript如何实现在密码框中出现提示语，对js密码框提示语相关知识感兴趣的朋友一起学习吧
input输入框获取js点击文字内容
06-12
js输入框特效，无jquery 只需点击div，input输入框会自动获取输入的内容 使用方法： 1、将html内容复制到你需要的地方 2、在html底部紧跟着复制js代码即可
js-input输入框提示语
05-03
js-input输入框提示语
JS 文本框内输入内容添加在页面与删除
一个开发初学者的博客
03-17 2664
文本框内输入文字，点击添加按钮·就可添加至页面内，点击删除即可依次删除 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> #text_1 { border-radius: 10px; height: 50px; width:
js控制input输入字符
天马波波的专栏
04-23 1558
ENTER键可以让光标移到下一个输入框 只能是中文 屏蔽输入法 只能输入英文和数字 只能是数字 只能显示，不能修改 只能输数字，判断按键的值 function   onlyNum() { if(!((event.keyCode>=48&&event.keyCode=96&&event.keyCode event.returnValue
很简单的 onblur onfocus方法示例
系统运维
11-06 146
&lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/&gt; &lt;/head&gt; &lt;body&gt; &lt;input type='text' id='txt_q' name='q' class='SERACH' val
js实现form表单select里面的value值改变其他的input里面的时间日期也随之变化
zdluoyang的博客
05-21 1089
<?php //date_default_timezone_set("PRC"); ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, ...
js向input的value赋值
lxw1844912514的博客
05-20 7310
js与jquery:在我印象里面都是一样的,今天利用空闲的时间来总结一下,js与jquery究竟有什么区别?js : 是一门网页的脚本语言jquery :jquery是基于js的一种框架,也就是说jquery 就对 js 的一个扩展，封装，就是让javascript更好用，更简单，jquery就是要用更少的代码，漂亮的完成更多的功能。文本框如下 <input type="...
软件著作权申请教程（超详细）（2024新版）软著申请
最新发布
m0_75269526的博客
09-09 1346
软件著作权，软著，软著申请，软用户使用手册：提交登记软件的任何一种文档的连续的前30页和连续的后30页，每页不少于30行。如果是多人合作开发著作权人不是一个人的话，还需要准备一份合作开发协议。首先我们需要在官网里面注册一个账号，并且完成实名认证，一般是注册【个人】的身份。合作开发协议书：这个如果是著作权人有多个（多个人一起开发）就需要提供这个材料。在填报完成之后需要打印一个签章页签字（如果不是个人需要盖章）注册完成后点击下面进行登记，如果没有实名需要先实名认证（源代码：源程序前连续的30页和后连续的30页。
使用JavaScript实现自动跳转输入框示例
"该示例代码展示了如何使用JavaScript实现一个自动跳转的input输入框功能。当用户在input框中输入并释放键盘按键时（触发onkeyup事件），代码会遍历一个预先定义好的list集合，并将当前input设置为只读，然后焦点...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值