`

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();/
分享到:
评论

相关推荐

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

    CSS 将button按钮垂直+水平居中 参考文章:CSS实现垂直居中的5种方法 具体效果如图: 这个方法使用了一个 position:absolute,有固定宽度和高度的 div。这个 div 被设置为 top:0; bottom:0; 。但是因为它有固定高度...

    jQuery详细教程

    &lt;button id="show" type="button"&gt;显示&lt;/button&gt; &lt;/html&gt; hide() 和 show() 都可以设置两个可选参数:speed 和 callback。 语法: $(selector).hide(speed,callback) $(selector).show(speed,callback) speed 参数...

    html入门到放弃笔记

    4、一个元素允许有多属性,多属性间,排名不分先后,中间用 空格 隔开即可 Demo : 1、创建一个 div 标记 ,增加属性 ,设置 align 属性的值为 center ,设置 id 属性的值为 container,设置 title 属性的值为 这...

    jquery-sliderbutton:jQuery UIMobile插件,提供了需要滑动才能激活的小部件(按钮)

    这是一种避免意外按下按钮的简单技术。 该插件基于jQuery UI / Mobile滑块小部件。 由于此小部件在jQuery UI和jQuery mobile中的实现方式不同,因此该插件有两个版本:一个用于jQuery UI,一个用于jQuery Mobile。 ...

    Bootstrap实现导航栏的2种方式

    在下面的内容中,介绍两种制作导航栏的方式。 一、用按钮组实现,代码如下: &lt;div xss=removed&gt; &lt;div class=btn-group&gt; &lt;button class=btn btn-default type=button&gt;首页&lt;/button&gt; &lt;button class...

    专为微信设计的UI库WeUI.zip

    确定、取消、警示,分别对应class:weui_btn_primary、weui_btn_default、weui_btn_warn,每种场景都有自己的置灰态weui_btn_disabled,除此外还有一种镂空按钮weui_btn_plain_xxx,客户端webview里的按钮尺寸有两类...

    js循环改变div颜色具体方法

    在使用javascript过程中,想循环遍历一个数组,经常使用的语法有两种: 代码如下: for (var i; i  &lt;html&gt; &lt;head&gt; &lt;style&gt; #button{text-align:center;} #outer{width:330px; height:100px; ...

    ExtAspNet_v2.3.2_dll

    -删除Panel的EnableLightBackgroundColor属性,同时EnableBackgroundColor只支持Blue和Gray两种Theme。 +2010-01-31 v2.2.0 -使得Asp.net的控件ImageButton具有和Asp.net的Button控件类似的行为(Ajax提交)...

    5.设计一个逻辑算术计算器,用来输入所需的数,并计算结果

    buttonDiv.setForeground(new Color(255, 0, 0)); buttonMod = new JButton("%"); buttonMod.setForeground(new Color(0, 0, 255)); buttonSqrt = new JButton("sqrt"); buttonSqrt.setForeground(new Color(0,...

    LayuiForm表单.txt

    命名格式一般分为两种: 一:layui-模块名-状态或类型 二:layui-状态或类型 因为有些类并非是某个模块所特有,他们通常会是一些公共类。如: 一(定义按钮的原始风格):class="layui-btnlayui-btn-primary" ...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -删除Panel的EnableLightBackgroundColor属性,同时EnableBackgroundColor只支持Blue和Gray两种Theme。 +2010-01-31 v2.2.0 -使得Asp.net的控件ImageButton具有和Asp.net的Button控件类似的行为(Ajax提交)...

    java编写的计算器,能实现加减乘除

    JButton buttonDot, buttonAddAndSub, buttonAdd, buttonSub, buttonMul,buttonDiv, buttonMod; JButton buttonSqrt, buttonDao, buttonEqual; JMenu editMenu, viewMenu, helpMenu; JMenuItem copyItem,...

    ASP.NET 控件的使用

    8.4.3 使用两种数据绑定表达式 247 8.5 SQL Server 2005 Express 概述 248 8.5.1 SQL Server Express 特性 248 8.5.2 SQL Server 2005 Express管理工具 249 8.5.3 服务器端数据库与本地数据库 250 8.6 数据库驱动的...

    jQuery完全实例.rar

    在文档的第一个表单中,查找所有的单选按钮(即: type 值为 radio 的 input 元素)。 jQuery 代码: $("input:radio", document.forms[0]); --------------------------------------------------------------------...

    ASP.NET(C#)读取Excel的文件内容

    .xls格式 Office2003及以下版本 .xlsx格式 Office2007 及以上版本 .csv格式 以逗号分隔的字符串文本(可以将上述两种文件类型另存为此格式) 读取前两种格式和读取后一种格式会用两种不同的方法。 下面看程序:...

    详解vue几种主动刷新的方法总结

    1.[removed].reload(),是原生JS提供的方法,this.$router.go(0):是vue路由里面的一种方法,这两种方法都可以达到页面刷新的目的,简单粗暴,但是用户体验不好,相当于按F5刷新页面,会有短暂的白屏,相当于页面的...

    Bootstrap模态框使用详解

    本文实例为大家分享了Bootstrap模态框的两种使用状况,供大家参考,具体内容如下 一.模态框的正常点击出现,如添加功能 &lt;button type=button class=btn btn-blue style=width: 100px; data-toggle=modal data-...

    SignalR 2.0 and MVC 5即时通讯完整版示例

    对htmlEncode函数的可选调用显示了一种在将消息内容显示在页面中之前对其进行HTML编码的方法,以防止脚本注入。 HTML 复制 chat.client.addNewMessageToPage = function (name, message) { // Add the ...

    实现类似Office助手的小精灵

    ---- 我们知道,在Office 97帮助系统中有一种叫作Office助手的代理软件,其中幽默风趣的 动画人物,如“大眼夹”,能够根据用户的操作步骤“智能化”地提出一些建议或帮助信息。 与Office助手相比,Agent功能更加...

    mfc可视化计算器编程

    拖出的控件有上面的一个Edit控件用于显示数字,Button控件用于处理鼠标的消息。 3. 建立的变量,控件的命名,对应的消息处理函数对应表 ID CAPTION Message Handler IDD_CALC_DIALOG 简易计算器 1.0 Beta1版 N/A...

Global site tag (gtag.js) - Google Analytics