`

点击输入框出现提示语[转]

阅读更多

这需要和脚本配合,下面是简单示例,当你鼠标点文本框后,出现对应提示,如过输入内容提示去掉。
<script>
function checkvalue(n,obj)
{ var oTip = document.getElementById("tip"+n);
if (obj.value=="")
{ oTip.innerHTML =obj.title ;}
else
{oTip.innerHTML ="";}
}
</script>
<p>
用户:<input type=text name=usename id=username value="" onclick="checkvalue(1,this);" onkeyup="checkvalue(1,this);" title="请输入用户名, 不能空。"><label id="tip1"></label>
<p>
密码:<input type=password name=pwd id=pwd value="" onclick="checkvalue(2,this);" onkeyup="checkvalue(2,this);" title="请输入密码, 不能空。"><label id="tip2"></label>

 

 

============我自己写的:=========================

<script>

function checkvalue(n,obj)
{ var oTip = document.getElementById("tips"+n);
oTip.style.display = "block";
for(k=1;k<=3;k++){
   if(k != n){
    var oTip2 = document.getElementById("tips"+k);
    oTip2.style.display = "none";
   }
   }
}
</script>

 

<p style="float:left;"><span style="padding-left:30px;"></span><span class="text1">你的电子邮箱:</span><input onclick="checkvalue(1,this);"   />
         <span style="padding-left:10px;"></span><div class="tips" id="tips1"><span class="text1">电子邮箱用作登录名,例:boy@163.com</span></div></p>

 

分享到:
评论

相关推荐

    axure 输入框提示语的自动消失与显示

    本文将深入探讨“Axure 输入框提示语的自动消失与显示”这一主题,这对于创建用户友好的界面设计至关重要。 首先,输入框(Input Field)是网页和应用程序界面中最基本的元素之一,用于收集用户的信息。提示语...

    js-input输入框提示语

    - 移动端输入框提示语消失问题:某些移动设备可能有特殊的处理方式,需要特别处理。 综上所述,`js-input输入框提示语`是前端开发中的基本需求,通过HTML的`placeholder`属性结合JavaScript的动态操作,可以实现...

    JavaScript实现输入框(密码框)出现提示语

    有时候我们需要在登陆表单有一些提示语言,比如“请输入用户名”和“请输入密码”等语言,通过本文给大家介绍JavaScript实现输入框(密码框)出现提示语的相关知识,对js实现输入框提示相关知识感兴趣的朋友一起学习吧

    输入框灰色提示字体效果

    在非IE浏览器中,这段代码将展示一个输入框,其中显示“请输入您的姓名”,用户点击或聚焦输入框后,提示文字会自动消失。但在IE浏览器中,这个功能就需要通过JavaScript或其他方法来实现。 在这个名为“input框...

    input输入框鼠标焦点提示信息

    鼠标点击到输入框(input)里的时候,输入框的提示消失,鼠标再移开,输入框提示出现。如图所示: 做法如下: 代码如下: &lt;input type=”text” name=”name” id=”name” class=”ind_cont_input ind_cont_...

    控制input输入框中提示信息的显示和隐藏的方法

    首先,我们需要明确目标:当input输入框获取焦点(即用户点击输入框,光标出现)时,隐藏提示信息;当输入框失去焦点(用户点击别处或者按下Tab键)时,重新显示提示信息。这样可以引导用户了解输入框预期接收的信息...

    Axure:输入框提示语的自动消失与显示.rp

    axure例子,axure例子,axure例子

    selenium定位H5表单验证的提示语.docx

    print("没填写文字获取输入框中的提示文本:",driver.find_elements_by_css_selector("input")[0].get_attribute("validationMessage")) temp = driver.find_elements_by_css_selector("input")[0] # 获取验证框的 ...

    若依框架增加消息弹框提示

    若依框架增加消息弹框提示: 1、消息弹框 2、跳转到任务详情 3、titile闪烁

    安装安卓手机维吾尔语输入法.rar

    例如,在短信、社交媒体、电子邮件等应用中,点击输入框,然后选择键盘图标,从中选择你刚安装的维吾尔语输入法。这样,你就可以用熟悉的字母和字符进行输入了。 在使用过程中,你可能会遇到一些个性化设置,比如...

    ExtJs自定义消息框

    本文将详细介绍ExtJs中三种常用的消息框——提示框(Alert)、输入框(Prompt)和确认框(Confirm)的使用方法,并通过实例演示如何在实际项目中运用这些功能。 #### 二、提示框(Alert) 提示框主要用于向用户...

    jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例

    // 判断文本框的值是否为空,有值的情况就隐藏提示语,没有值就显示 if (thisVal != "") { $(this).siblings("label").hide(); } else { $(this).siblings("label").show(); } // 聚焦型输入框验证 $(this)...

    jQuery表单input字段提示信息动画特效

    当用户点击input字段时,可以触发提示信息的显示和隐藏。 3. **动画效果**:jQuery的`fadeIn()`和`fadeOut()`函数可以实现元素的淡入淡出动画,非常适合用于提示信息的展示和消失。配合`delay()`函数,我们可以控制...

    网盘外链转直链

    "网盘外链转直链"是一个网络服务技术,它主要针对的是那些希望将存储在云服务中的文件,如百度网盘或腾讯微盘的共享链接,转化为可以直接下载的URL。这种技术通常由第三方工具,如诉客-在线链接转换(soger.net)来...

    惠家有PRD3.2.4(第三次迭代)2014-7-8.docx

    登录模块的提示语设计如下: * 没有输入手机号时:请输入手机号 * 手机号格式错误时:请输入11位有效手机号 * 密码格式错误时:请输入6-16位字符且不能包含空格 * 无网络连接时:网络连接失败 注册模块 注册模块...

    网页实现语音搜索

    这个例子中的`&lt;input&gt;`元素包含了`x-webkit-speech`属性,当用户点击输入框时,浏览器会显示一个麦克风图标,用户点击麦克风后,即可开始语音输入。 为了针对特定的语言进行语音识别,可以使用`lang`属性来指定。...

    闪语软件说明书

    在文本输入框中输入所需文字后,点击“OK”按钮,文字将以点阵图的形式展示在编辑区内。这一过程需依次对各组文字进行,确保信息完整准确。 #### 数据下载步骤 数据下载功能用于将编辑好的文字和点阵图传输至外部...

    家里老人智能手机使用.pptx

    - 文字聊天、语音聊天、视频聊天:选择聊天对象,点击输入框进行文字输入,或点击麦克风图标进行语音交流,长按视频通话按钮发起视频对话。 - 收发红包:在聊天窗口点击“+”号,选择“红包”功能,输入金额和祝福...

    编辑器 KindEditor 4.0.4

    新增: 阿拉伯语语言包。 改善: 上传文件时显示上传中提示。 改善: JSON解析失败时,通过弹出层显示服务器返回的HTML页面。 改善: [IE] 弹出框支持阴影效果。 Bugfix: 浏览器使用有些插件时,上传文件提示不正确...

Global site tag (gtag.js) - Google Analytics