点击输入框,获取提示信息

简介: 点击输入框,获取提示信息

HTML结构代码

<body>
    <input>
    <p>单击输入框获取焦点。</p>
    <span>请输入你的电话号码?</span>
 
  </body>

Java script代码

<script type="text/JavaScript">
    let p=document.getElementsByTagName('input')[0];
    console.log(p);
    let span=document.getElementsByTagName('span')[0];
    console.log(span);
    p.onclick=function(){
      span.style.display="block";
    };
  </script>

jQuery代码

<script type="text/JavaScript" src="./js/jquery-3.4.1.js"></script>
    <script type="text/JavaScript">
      $(document).ready(function(){
        $("input").bind("focus",function(){
            $("span").show();
        });
    });
</script>
目录
相关文章
|
6月前
如何让文本框显示提示信息
如何让文本框显示提示信息
38 0
|
6月前
|
JavaScript 前端开发 数据安全/隐私保护
获取焦点后隐藏提示内容的输入框
获取焦点后隐藏提示内容的输入框
59 0
|
1月前
多行输入框
【10月更文挑战第1天】多行输入框。
26 4
|
5月前
|
前端开发 JavaScript
如何在文本域右下角设置字数限制提示
如何在文本域右下角设置字数限制提示
95 3
|
小程序 JavaScript
小程序点击按钮弹出可填写框
小程序点击按钮弹出可填写框
103 0
|
6月前
|
前端开发 JavaScript 数据安全/隐私保护
前端点击其他输入框的时候,对当上个输入框进行判断(鼠标移出输入框事件,和鼠标点击其他输入框触发事件)
前端点击其他输入框的时候,对当上个输入框进行判断(鼠标移出输入框事件,和鼠标点击其他输入框触发事件)
100 0
|
6月前
|
前端开发 JavaScript
不使用alert弹窗,显示提示信息
不使用alert弹窗,显示提示信息
|
12月前
点击按钮,新增输入框,再点击按钮,删除输入框
点击按钮,新增输入框,再点击按钮,删除输入框
53 0
|
XML 数据格式
AS中按钮不显示问题
AS中按钮不显示问题
QT 点击关闭按钮时提示是否退出同时按钮显示为中文
QT 点击关闭按钮时提示是否退出同时按钮显示为中文
QT 点击关闭按钮时提示是否退出同时按钮显示为中文