`

html按钮有两种 button,div显示,

    博客分类:
  • html
 
阅读更多
html按钮有两种:
<input type="button" value="登录" onclick="login()"/>
和<button onclick="login()">登录</button>
这两种在页面上看起来好像一样没什么区别,但是这两种是有区别的。
1,如果在<form id="loginForm" name="loginForm" action="<%=path%>/hdlogin/login.action" method="post"></form>
标签中,使用<input type="button" value="登录" onclick="login()"/>,要想提交form,
你必须写成<input type="submit" value="登录" onclick="login()"/>,
或者document.loginForm.submit();否则form是不会提交的。
2,如果在form中使用<button onclick="login()">登录</button>只要点击就会提交。
<button type="submit" value="登录" onclick="login()"/>。
今天在使用<button></button>时,我又在js控制表单提交,结果这个action总是莫名其妙的走两次!
根源就是表单提交了两次,一次是<button></button>,一次是document.loginForm.submit();
这个错误很隐蔽,大家以后要注意。
//////////////////////
<script> 
    $(function (){ 
        $("#btn").linkbutton({ 
            plain:false, 
            text:'xixihaha' 
        }) 
         
        //点击禁用,完成禁用方法 
        $("#jin").click(function (){ 
            $("#btn").linkbutton('disable') 
        }) 
 
        //点击启用,完成启用方法 
        $("#qi").click(function (){ 
            $("#btn").linkbutton('enable') 
        }) 
    }) 
</script> 
        <a href="#" id="btn" iconCls="icon-search">easyui</a>   
        <a href="#" id="jin" class="easyui-linkbutton" >禁用</a> 
        <a href="#" id="qi" class="easyui-linkbutton">启用</a> 
        <!-- 
        linkbutton的属性 
        id:分配给该组件的ID。 
        disabled:设置为true将禁用按钮。 
        plain:为true时不显示边框浮上去会显示边框,相反就是正常的样式,默认是false 
        text:按钮上显示的文字。 
        iconCls:用来在左边显示一个16x16大小图标的css类。 
 
        linkbutton的方法 
        disable:禁用按钮。 
        enable:启用按钮。 
        --> 


/////////////////////
$("#hide").click(function(){
  $("p").hide();
});

$("#show").click(function(){
  $("p").show();
});

div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白:
  style="visibility: none;"
  document.getElementById("typediv1").style.visibility="hidden";//隐藏
  document.getElementById("typediv1").style.visibility="visible";//显示

  通过设置display属性可以使div隐藏后释放占用的页面空间,如下
  style="display: none;"
  document.getElementById("typediv1").style.display="none";//隐藏
  document.getElementById("typediv1").style.display="";//显

////////////////
刷新父页面
window.parent.location.reload();/
分享到:
评论

相关推荐

    ASPnet(C#)中的DIV的显示隐藏问题

    ### ASP.NET中DIV的显示与隐藏技巧 在ASP.NET Web应用程序开发中,用户界面的动态控制是一项非常重要的技能。特别是对于那些需要根据用户操作或某些条件来改变显示内容的应用程序来说,能够有效地显示或隐藏控件是...

    Div显示与隐藏网页制作

    我们可以使用JavaScript或jQuery来实现这一功能,这两种技术都非常适合处理DOM(文档对象模型)中的元素操作。 1. **JavaScript显示和隐藏Div**: - `style.display`属性:通过改变`Div`的`display`属性值,我们...

    js 实现div里面的内容滚动,并可以通过按钮控制

    在实现这一功能时,首先需要在HTML中定义一个div,设置其样式以限制其高度并显示溢出的内容。例如: ```html &lt;div id="scrollingContent" style="height: 200px; overflow: auto;"&gt; &lt;!-- 在这里放置需要滚动的内容...

    CSS 将两个button按钮垂直+水平居中

    在这个问题中,我们将讨论如何使用CSS将两个button按钮实现垂直和水平居中的方法,主要聚焦于一种使用`position: absolute`和`margin: auto`的技术。这种方法适用于知道元素宽度和高度的情况。 首先,我们需要创建...

    div css显示对联带关闭代码.rar

    在这个"div css显示对联带关闭代码.rar"压缩包中,很显然包含了一个实现对联显示并带有关闭功能的JavaScript特效,同时使用CSS进行美化和控制。 对联通常是指在网页两侧平行显示的文本,就像传统的诗词对仗一样。在...

    jquery简单的鼠标悬停按钮显示浮动提示框效果代码

    2. **HTML结构**:创建一个按钮元素和一个用于显示提示信息的浮动物体(div)。为按钮添加一个唯一的ID,以便在jQuery中引用。 ```html &lt;button id="myButton"&gt;悬停我&lt;/button&gt; &lt;div id="tooltip" style="display:...

    「HTML+CSS」--自定义按钮样式【001】

    这个主题“「HTML+CSS」--自定义按钮样式【001】”着重于如何利用这两种技术来创建独特的、个性化的按钮元素。在网页交互中,按钮扮演着至关重要的角色,因为它们通常用于触发用户操作,如提交表单、导航或执行功能...

    可折叠按钮实现

    在网页或应用设计中,可折叠按钮是一种常见的交互元素,它允许用户隐藏或显示更多信息,以提高界面的清晰度和易用性。本教程将详细讲解如何实现这种可折叠按钮的效果,以创建一个高效的用户体验。 首先,理解可折叠...

    两个js弹出div层并获取当前页面值的html例子

    在网页开发中,"弹出层"是一种常见的交互设计元素,它可以在用户操作或特定事件触发时,在当前页面上显示一个浮动的对话框或者信息窗口,而不会跳转到新的页面。这种技术常用于提示信息、用户确认操作、表单提交、...

    CSS鼠标悬浮DIV后显示DIV外的按钮解决方法

    为了解决这个问题,有两种主要的方法: 1. 扩大触发区域的DIV 这种方法是将原始的DIV扩展到足以包含按钮的大小。当鼠标悬浮在扩大后的区域时,按钮依然可见。然而,这种方法的缺点是可能会改变元素原有的布局,...

    Angular实现点击按钮控制隐藏和显示功能示例

    同理,`&lt;button ng-click="func()"&gt;按钮&lt;/button&gt;`绑定了另一个名为`func`的函数,用于切换另一个`&lt;div&gt;`元素的显示和隐藏状态,其函数定义如下: ```javascript $scope.func=function(){ $scope.hide=!$scope.hide...

    第18章 SplitButton(分割按钮)组件1

    SplitButton组件有两种加载方式:通过HTML类(class)加载和通过JavaScript(JS)加载。 1. **HTML类加载方式**: HTML中,我们可以通过在`&lt;a&gt;`标签上设置`class="easyui-splitbutton"`并使用`data-options`属性来...

    jquery鼠标经过图片显示悬浮按钮图片特效.zip

    总结来说,这个“jquery鼠标经过图片显示悬浮按钮图片特效”涉及到的核心技术有jQuery的选择器、事件处理、动画方法,以及CSS的定位、过渡效果。掌握这些基础,你就能创建出更多富有创意的网页交互效果。

    jQuery显示隐藏DIV简单实例.zip

    本实例主要关注如何利用jQuery实现显示和隐藏DIV元素的功能,这是一种常见的页面交互手法,特别是在内容展示和空间管理上。 首先,理解基本的HTML结构。在网页中,我们通常会有一个或多个`&lt;div&gt;`元素,它们是用来...

    单选按钮和多选按钮

    在计算机用户界面设计中,单选按钮(Radio Button)和多选按钮(Checkbox)是两种常见的交互元素,用于用户在一组选项中进行选择。本文将深入探讨这两种按钮的原理、功能以及如何在不同编程环境中实现它们的选中、...

    js实现点击右侧小图左侧显示大图带控制按钮

    创建两个区域:一个用于展示小图,另一个用于显示大图。小图区域可以是一个包含多个img元素的ul列表,每个img元素对应一张小图。大图区域则通常包含一个img元素用于显示放大后的图片,以及控制按钮,如上一张、下...

    极简单高效兼容jquery两个按钮点击隐藏或显示两个不同对象_jmjjp制作整理

    在本文中,我们将深入探讨如何使用jQuery实现两个按钮来控制两个不同对象的隐藏与显示,这一功能具有良好的浏览器兼容性,包括IE8及以上版本以及360等主流浏览器。这个功能由jmjjp制作整理,旨在提供一种简洁、高效...

    js弹出div效果

    这里定义了两个函数,`showPopup`用于显示div,`hidePopup`用于隐藏div。 3. **触发事件**:为按钮或其他元素添加事件监听器,当用户点击这些元素时调用上述函数。例如: ```html &lt;button onclick="showPopup()...

    unigui Bootstrap按钮分组

    4. **分组行为**:Bootstrap按钮分组支持两种基本行为:单选和多选。对于单选,你可以使用`.btn-group-toggle`和`.btn-check`类,配合`&lt;input type="radio"&gt;`来实现。多选则使用`.btn-group-checkbox`和`.btn-check`...

    16、jQuery悬停弹出遮罩显示按钮代码

    【jQuery悬停弹出遮罩显示按钮代码】是一种常见的网页交互设计,用于增强用户体验,尤其在导航、展示详细信息或触发特定操作时。这个技术基于JavaScript库jQuery,它简化了DOM操作、事件处理和动画效果,使得实现...

Global site tag (gtag.js) - Google Analytics