jsp页面JavaScript操作 隐藏按钮 实现登录页面

已于 2024-01-14 20:55:02 修改
阅读量502 收藏 8
点赞数 7
文章标签： 前端
于 2024-01-12 15:49:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dirverd/article/details/135554370
版权

页面上实现按钮显示不同页面

如果在页面写实现 手机号或者邮箱 进行登录

可使用 属性隐藏的效果

前台操作

两个按钮 对方法传值 进行区分

用类标签进行赋值 以便调用

 

进入页面 先隐藏此表单
 

 

 

用JavaScript  调用单击事件 进行两个表单的隐藏与显示
 

 


                

        

        

    




    

      

        

            

              
                
                  兔子不吃兔头
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    7
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    8
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  1
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
JavaScript网页特效范例宝典源码

				
			

			

				

					09-04
				

			

		

		

			
				
实例043 应用JavaScript实现指定尺寸无边框无滚动条窗口 67 1.8 水平导航条应用 69 实例044 图片按钮导航条 69 实例045 导航条的动画效果 71 实例046 不用图片实现质感导航条 72 1.9 下拉菜单式导航条 73 实例047 二...

			
		

	



                

              
                



	

		

			

				
					
JspRun!社区论坛系统 v6.0.0 build 20110516 GBK 源码版.zip

				
			

			

				

					07-06
				

			

		

		

			
				
6、 修复了：在首页进行登录时，如果直接敲回车会有 javascript 错误  7、 修复了：编辑器在部分浏览器下 JspRun!代码模式和所见即所得模式无法切换的问题。  8、 修改了：编辑用户组时,用户组显示的顺序不正确的...

			
		

	



                


  
              

                


	

		

			

				
					
HTML-01结构

				
			

			

				

					qq_44715164的博客
				

				

					09-08
					
					436
					
				

			

		

		

			
				
第一部分：HTML
HTML入门
1.什么是html
html就是超文本标记语言，用标记标签来描述网页内容，超文本就是页面含图片，音乐，视频，链接等元素。
2.编写第一个HTML文件
一：编写到运行的步骤：
1.新建一个文本文档，重命名为** .html **格式的文件（需要拓展文件属性名，请自行搜索）。
2.用Notepad++打开，然后就可以编码了。
3.编写完毕后（记得在编译器保存），点击运行（推荐谷歌浏览器）打开。
二：html结构和语法：
在编辑器写什么？首先就是html结构，然后在结构里根据语法

			
		

	





	

		

			

				
					
hover控制元素的显示和隐藏不生效

				
			

			

				

					m0_47342482的博客
				

				

					12-17
					
					2365
					
				

			

		

		

			
				
hover控制元素的显示和隐藏不生效
 原因：点击的元素和需要显示隐藏的元素不属于一个父级元素，如果想要hover伪类生效的话，点击的元素和显示隐藏的元素需要属于同一个父级元素。
 例如：

html部分
<div class="box">
  <button class="top">显示div</button>
  <div class="bottom">我显示了</div>
</div>

CSS部分
.box{
width:200

			
		

	



		

			
		



	

		

			

				
					
jsp中按钮的隐藏

				
			

			

				

					guanghuilove的专栏
				

				

					11-13
					
					2430
					
				

			

		

		

			
				
commentEditId="${comment.id}">编辑
        删除

			
		

	





	

		

			

				
					
jsp input框的显示和隐藏

					
热门推荐

				
			

			

				

					keep12moving的博客
				

				

					11-08
					
					1万+
					
				

			

		

		

			
				
document.getElementById(id).style.display="none";为隐藏


document.getElementById(id).style.display="block";为显示
代码实例

	
		
								
			<input type="button" name="DataMaintenance" class="button"

			
		

	





	

		

			

				
					
jsp页面“占位隐藏控件”和“不占位隐藏控件”

				
			

			

				

					铁根的博客
				

				

					08-19
					
					2726
					
				

			

		

		

			
				
占位隐藏：.css("visibility","hidden");
不占位隐藏：

.hide();

			
		

	





	

		

			

				
					
jsp脚本自学及总结

				
			

			

				

					weixin_62907807的博客
				

				

					10-25
					
					799
					
				

			

		

		

			
				
提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。

			
		

	





	

		

			

				
					
按钮显隐的两种方式

				
			

			

				

					Thanks__的博客
				

				

					04-20
					
					2093
					
				

			

		

		

			
				
先上代码
<c:if test="${'1'.equals(btnPrinFlg) }">
	<input name="othSaveOffline" id ="othSaveOffline" style="margin-right: 10px;"
	type="button" onclick="sendUpdatePo('${ctx}/po/updateSaveOffline.do',false)"
	value="更新" ${("518" eq tdpSo.docStatus or "

			
		

	





	

		

			

				
					
JspRun!社区论坛系统 v6.0.0 build 20110516 UTF-8 安装版.zip

				
			

			

				

					07-06
				

			

		

		

			
				
6、 修复了：在首页进行登录时，如果直接敲回车会有 javascript 错误  7、 修复了：编辑器在部分浏览器下 JspRun!代码模式和所见即所得模式无法切换的问题。  8、 修改了：编辑用户组时,用户组显示的顺序不正确的...

			
		

	





	

		

			

				
					
JspRun!社区论坛系统 v6.0.0 build 20110516 GBK 安装版.zip

				
			

			

				

					07-06
				

			

		

		

			
				
6、 修复了：在首页进行登录时，如果直接敲回车会有 javascript 错误  7、 修复了：编辑器在部分浏览器下 JspRun!代码模式和所见即所得模式无法切换的问题。  8、 修改了：编辑用户组时,用户组显示的顺序不正确的...

			
		

	





	

		

			

				
					
JspRun!社区论坛系统 v6.0.0 build 20110516 UTF-8 源码版.zip

				
			

			

				

					07-06
				

			

		

		

			
				
6、 修复了：在首页进行登录时，如果直接敲回车会有 javascript 错误  7、 修复了：编辑器在部分浏览器下 JspRun!代码模式和所见即所得模式无法切换的问题。  8、 修改了：编辑用户组时,用户组显示的顺序不正确的...

			
		

	





	

		

			

				
					
jsp ＜c:if＞ 标签 判断 隐藏按钮

				
			

			

				

					qq_36636312的博客
				

				

					09-17
					
					4891
					
				

			

		

		

			
				
**
1，描述
**
<c:if>标签判断表达式的值，如果表达式的值为 true 则执行其主体内容。
**
2，语法
**
<c:if test="<boolean>" var="<string>" scope="<string>">
   ...
</c:if>


**
3，应用：
**
我主要用来根据不同的用户隐藏系统部分功能，比如，
非admin用户，不能看到数据模型生成按钮，自然也不能操作该功能

代码：
<c:if t

			
		

	





	

		

			

				
					
JavaWeb如何在用户登录成功后隐藏登录按钮并显示出注销按钮

				
			

			

				

					m0_73495664的博客
				

				

					10-19
					
					107
					
				

			

		

		

			
				
登录成功! 注销注册登录

			
		

	





	

		

			

				
					
jsp隐藏按钮

				
			

			

				

					一个老码农
				

				

					10-27
					
					2240
					
				

			

		

		

			
				
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;meta h

			
		

	





	

		

			

				
					
在前端的js中设置按钮的可见与不可见

				
			

			

				

					lsc的博客
				

				

					06-25
					
					1万+
					
				

			

		

		

			
				
html:&lt;button type="button" id="change_cancel" class="btn btn-default" style="position:relative;left:-50px;opacity:1;"&gt;取消&lt;/button&gt;js:设置不可见    var change_cancel = document.getElementById

			
		

	





	

		

			

				
					
添加与编辑共用一个jsp页面时，控制按钮的显示与隐藏

				
			

			

				

					BADAO_LIUMANG_QIZHI的博客
				

				

					11-26
					
					3548
					
				

			

		

		

			
				
场景

添加与编辑共用一个jsp页面，后台action传过来

op参数，如果是edit则执行编辑，如果是add，则执行添加。

如果是编辑页面则显示充值按钮，如果是添加页面则不显示。

实现

后台action

添加：

//传递当前的操作类型的标识，左边是op常量参数，表示操作类型，右边是add常量参数，表示是添加操作
mv.addObject(ModelAndViewConstants.O...

			
		

	





	

		

			

				
					
jsp 隐藏属性

				
			

			

				

					qq_38647207的博客
				

				

					02-27
					
					4798
					
				

			

		

		

			
				
jsp 隐藏属性&lt;input type="text" name="a" style="visibility:hidden" /&gt;不可见&lt;input type="text" name="a" stype="visibility:visible" /&gt; 可见

			
		

	





	

		

			

				
					
WEB转Flutter基础学习笔记（内含vue和flutter对比）

					
最新发布

				
			

			

				

					小易不止于搬砖的博客
				

				

					05-17
					
					665
					
				

			

		

		

			
				
笔者是一名web前端，记录在转栈flutter时的学习笔记，内涵和vue的对比，能够辅助前端同学更容易理解flutter

			
		

	





	

		

			

				
					
jsp登录注册页面美化

				
			

			

				

					11-22
				

			

		

		

			
				
2.使用JavaScript来实现一些交互效果，例如表单验证、动态显示隐藏元素等。 3.使用jQuery等前端框架来简化代码，提高开发效率。 4.使用Bootstrap等UI框架来快速构建美观的页面。  以下是一个简单的示例，使用...

			
		

	



              



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

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值