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

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

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>
目录
相关文章
|
4月前
如何让文本框显示提示信息
如何让文本框显示提示信息
32 0
|
4月前
多行输入框
多行输入框。
38 1
|
4月前
|
JavaScript
elementUI/Plus 输入框按回车刷新页面分析与解决
elementUI/Plus 输入框按回车刷新页面分析与解决
elementUI/Plus 输入框按回车刷新页面分析与解决
|
10月前
|
小程序 JavaScript
小程序点击按钮弹出可填写框
小程序点击按钮弹出可填写框
92 0
|
4月前
|
前端开发 JavaScript
不使用alert弹窗,显示提示信息
不使用alert弹窗,显示提示信息
|
10月前
点击按钮,新增输入框,再点击按钮,删除输入框
点击按钮,新增输入框,再点击按钮,删除输入框
45 0
点击选中,再点击取消
点击选中,再点击取消
|
12月前
|
数据安全/隐私保护
jq文本框自动跳转下一个(输入密码)jsdemo效果示例(整理)
jq文本框自动跳转下一个(输入密码)jsdemo效果示例(整理)
|
前端开发 C# 数据安全/隐私保护
ApeForms | C# - WinForm临时对话框(消息框、提示框、输入框、密码框、单选框、多选框等)
ApeForms一款基于WinForm实现的开源免费商用的UI库,其中提供了一套便于用户交互的临时对话框组件(Dialog),可用于快速创建开发中常见的交互对话框,例如:消息框、提示框、输入框、单选框、多选框等。 ApeFree.ApeDialogs并不是一个包含Dialog实现的UI库,而是一套Dialog标准(提供了一套临时弹出对话框的实现标准)。 Dialog是界面开发过程中必不可少的组件,无论是桌面开发、Web前端开发、移动端开发,甚至命令行应用程序中的一次“Yes or No”的输入都可以看做是一次Dialog弹框。
507 0
ApeForms | C# - WinForm临时对话框(消息框、提示框、输入框、密码框、单选框、多选框等)
Vant3——复选框点击其他后格外出现一个输入框
复选框点击其他后格外出现一个输入框
200 0