javascript:单击按钮显示/隐藏文本框

最新推荐文章于 2022-05-23 18:04:18 发布
最新推荐文章于 2022-05-23 18:04:18 发布
阅读量9.8k 收藏 4
点赞数 1
分类专栏： 神话 · JavaScript 文章标签： javascript button input function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aloie/article/details/1715316
版权
<script   language="JavaScript">  
  var   isshow=true;  
  </script>  
  <body>  
  <input   type="text"   name="test">  
  <input   type="button"   onClick="if   (isshow)   {document.all('test').style.visibility='hidden';isshow=false;}   else   {document.all('test').style.visibility='visible';isshow=true;}">  
  <input   type=text   name=slt   ID=Text1>  
  <input   type=button   name=btn   οnclick=hidslt()   value=隐藏   ID=Button1>  
  <script>  
    function   hidslt()   {  
      if   (   document.all.slt.style.display!="none")  
      {  
      document.all.slt.style.display="none";  
      document.all.btn.value="显示";  
      }  
      else  
      {  
      document.all.slt.style.display="";  
      document.all.btn.value="隐藏";  
      }  
    }  
    </script>
  </body>   
aloie
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
vim-aviate:将 Web 浏览器中的文本框弹出到成熟的 Vim 实例中。 飙升到新的文本编辑级别
06-24
完成编辑后， :wq并单击“完成”按钮将文本转储回网络浏览器。 注意：如果您没有/想使用默认的x-terminal-emulator ，您可能还需要编辑cmd.sh文件。 例如，如果您使用的是 OS X， cmd.sh更改为 osa
html设置下拉菜单文本框隐藏,JS控制文本框下方的 下拉框显示/隐藏的问题
weixin_36473811的博客
06-03 1126
情况是这样，有一个文本框，下边有一下拉框 类似日历选取那样，下拉框里有按钮可点击，当鼠标点击(或聚焦)文本框时，下拉框显示， 点击下拉框内时也不隐藏， 点击下拉框外边时(也就是任意空白地方 不包含下拉框) 才让下拉框隐藏， 但如果我绑定的是文本框的blur事件的话 ，点击下拉框的里边时也会被隐藏掉。。 那么有什么方法 可以实现 点击文本框显示，点击下拉框里边不隐藏， 点击下拉框以外时(任意空白)才...
js 单击显示隐藏文本框(datatables)
是卿卿
08-30 5629
前端html代码： 是 否 js代码： $(document).ready(function () { //隐藏文本框 document.getElementById(“text”).style.visibility=”hidden”; }); //实现单击选择:显示隐藏文本框 ...
js 点击按钮出现，点击其他地方隐藏
全球先生的博客
07-06 6844
//点击所有地方，#bky会隐藏$(document).click(function(){    $("#bky").hide();});//点击 #zcgl_bky 会显示 #bky$("#zcgl_bky").click(function(event){    event.stopPropagation();    if($("#bky").css("display")=="none"){  ...
JavaScript 在网页上单击鼠标的地方显示层及关闭层
12-09
在网页上单击鼠标的地方显示层，供用户选择地点，同时把用户选择的地点显示在文本框中。主要是控制层的显示、隐藏。 代码如下: <HTML> <HEAD> <META http-equiv=”Content-Type” content=”text/...
文本框单击后显时间的js
06-16
文本框单击后显时间 文本框单击后显时间 文本框单击后显时间
程序天下:JavaScript实例自学手册
07-08
9.24 用JavaScript隐藏或显示表格列 9.25 滚动的表格 9.26 交换表的行 9.27 动态拖放表格的宽度 9.28 可输入内容的表格 9.29 可以分级的表格隐藏 9.30 动态创建表格并实现分页 9.31 删除表格指定行 9.32 设置表格的...
JavaScript脚本中常用事件，例如：onClick事件等
06-27
JavaScript脚本中常用事件，例如：onClick事件（鼠标单击事件是最常见的事件之一，当用户单击鼠标按钮时。同时onClick指定的事件处理程序或代码将被调用执行），onChange事件就是当文本框的内容改变时发生的事件，...
html 点击空白关闭浮层,js中点击空白区域时文本框与隐藏层的显示与影藏问题...
weixin_39527911的博客
06-21 231
当文本框获得焦点的时候，在文本框的下方显示一个浮动层。当用户点击除了文本框和浮动层以外的网页空白处时，要隐藏浮动层。当用户点击浮动层时，改变文本框的值。function $(id){return (document.getElementById(id));}function show_div(evt) {var od = $('div1');var e = window.event || evt;...
【原生JS实现】搜索框聚焦显示盒子，点击盒子以外的地方，盒子隐藏
DA_ttack的博客
05-23 1677
点击盒子以外的区域，盒子隐藏
v-model --双向数据绑定
qq_45802159的博客
01-03 3103
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
js 焦点事件
qq_42467563的博客
10-19 3591
onfocus：获取焦点 onblur：失去焦点 &lt;!DOCTYPE html&gt; &lt;html&gt;     &lt;head&gt;         &lt;meta charset="UTF-8"&gt;         &lt;title&gt;&lt;/title&gt;     &lt;/head&gt;
html中表单textarea点击后其中的内容不见_HTML前端基础学习三(全,文末另附有css及js学习链接)...
weixin_39535125的博客
12-01 681
一.form表单 之前学习的标签更多的是向用户展示信息，假如服务器端需要验证用户是否存在，这时就需要有一个用户输入内容的标签。表单在网页中主要负责数据采集功能，它用<form>标签定义。用户输入的信息都要包含在form标签中，点击提交后，<form>和</form>里面包含的数据将被提交到服务器或者电子邮件里。 所有的用户输入内容的地方都...
textarea的显示与隐藏
qiuqiuzlw123的专栏
05-21 6785
找了不少方法，以下方法在微信小程序中是有效的。已证明。 不显示 ： <textareaname="hide"style="display:none;">asdfsadfsfsa</textarea> 显示： <textareaname="hide"style="display:true;">asdfsadfsfsa</texta...
用Javascript实现点击input输入框后输入框的提示文字消失,并且边框颜色发生变化（包含input框的password类型如何显示提示文字）
茂茂的博客
01-28 3375
用Javascript实现点击input输入框后输入框的提示文字消失。并且边框颜色发生变化（包含input框的password类型如何显示提示文字） 正在学习大前端中，有代码和思路不规范不正确的地方往多多包涵，感谢指教 功能一 在很多现实案例中，登陆或者注册页面里面的输入框里面会有一些提示信息，然后点击输入框进行输入内容时，这些提示文字则消失。 下面用代码来实现 <!DOCTYPE html> <html lang="en"> <head> <meta ch
Js控制iphone端的input/textarea元素失去焦点时隐藏键盘
weixin_34210740的博客
04-23 399
问题的原由 同事在制作触屏页面的时候收到产品这样一个需求：“我们的页面为什么点击完textarea框，在点空白处时，iphone的键盘不能隐藏？” 我们就这个问题进行了测试，确实没有隐藏。看了看其它网站的页面，也是有的能隐藏有的不能隐藏。 IPHONE系统在点击document时textarea为什么没有失去焦点？ 同样的问题我又在Android系统上测试了一下可以自动隐藏，只有IPH...
css简易的进度条
qq_45723045的博客
10-22 764
<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <metahttp-eq...
页面上有一个文本框和两个按钮，编写一段JavaScript程序，捕获选中一个单选按钮时触发的事情，如果单击第一个按钮，则禁用文本框；如果单击另一个按钮，则启用文本框。
最新发布
05-24
// 获取页面上的文本框和两个按钮 const textBox = document.getElementById("my-textbox"); const disableButton = document.getElementById("disable-button"); const enableButton = document.getElementById(...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值