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

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

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>
目录
相关文章
|
7月前
如何让文本框显示提示信息
如何让文本框显示提示信息
41 0
|
7月前
|
JavaScript 前端开发 数据安全/隐私保护
获取焦点后隐藏提示内容的输入框
获取焦点后隐藏提示内容的输入框
63 0
|
小程序 JavaScript
小程序点击按钮弹出可填写框
小程序点击按钮弹出可填写框
106 0
|
7月前
|
前端开发 JavaScript 数据安全/隐私保护
前端点击其他输入框的时候,对当上个输入框进行判断(鼠标移出输入框事件,和鼠标点击其他输入框触发事件)
前端点击其他输入框的时候,对当上个输入框进行判断(鼠标移出输入框事件,和鼠标点击其他输入框触发事件)
111 0
|
7月前
|
前端开发 JavaScript
不使用alert弹窗,显示提示信息
不使用alert弹窗,显示提示信息
点击按钮,新增输入框,再点击按钮,删除输入框
点击按钮,新增输入框,再点击按钮,删除输入框
57 0
点击添加按钮弹框动态添加内容并且拼接在页面
点击添加按钮弹框动态添加内容并且拼接在页面
37 0
|
XML 数据格式
AS中按钮不显示问题
AS中按钮不显示问题