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实现垂直居中的5种方法 具体效果如图: 这个方法使用了一个 position:absolute,有固定宽度和高度的 div。这个 div 被设置为 top:0; bottom:0; 。但是因为它有固定高度...
<button id="show" type="button">显示</button> </html> hide() 和 show() 都可以设置两个可选参数:speed 和 callback。 语法: $(selector).hide(speed,callback) $(selector).show(speed,callback) speed 参数...
4、一个元素允许有多属性,多属性间,排名不分先后,中间用 空格 隔开即可 Demo : 1、创建一个 div 标记 ,增加属性 ,设置 align 属性的值为 center ,设置 id 属性的值为 container,设置 title 属性的值为 这...
这是一种避免意外按下按钮的简单技术。 该插件基于jQuery UI / Mobile滑块小部件。 由于此小部件在jQuery UI和jQuery mobile中的实现方式不同,因此该插件有两个版本:一个用于jQuery UI,一个用于jQuery Mobile。 ...
在下面的内容中,介绍两种制作导航栏的方式。 一、用按钮组实现,代码如下: <div xss=removed> <div class=btn-group> <button class=btn btn-default type=button>首页</button> <button class...
确定、取消、警示,分别对应class:weui_btn_primary、weui_btn_default、weui_btn_warn,每种场景都有自己的置灰态weui_btn_disabled,除此外还有一种镂空按钮weui_btn_plain_xxx,客户端webview里的按钮尺寸有两类...
在使用javascript过程中,想循环遍历一个数组,经常使用的语法有两种: 代码如下: for (var i; i <html> <head> <style> #button{text-align:center;} #outer{width:330px; height:100px; ...
-删除Panel的EnableLightBackgroundColor属性,同时EnableBackgroundColor只支持Blue和Gray两种Theme。 +2010-01-31 v2.2.0 -使得Asp.net的控件ImageButton具有和Asp.net的Button控件类似的行为(Ajax提交)...
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,...
命名格式一般分为两种: 一:layui-模块名-状态或类型 二:layui-状态或类型 因为有些类并非是某个模块所特有,他们通常会是一些公共类。如: 一(定义按钮的原始风格):class="layui-btnlayui-btn-primary" ...
-删除Panel的EnableLightBackgroundColor属性,同时EnableBackgroundColor只支持Blue和Gray两种Theme。 +2010-01-31 v2.2.0 -使得Asp.net的控件ImageButton具有和Asp.net的Button控件类似的行为(Ajax提交)...
JButton buttonDot, buttonAddAndSub, buttonAdd, buttonSub, buttonMul,buttonDiv, buttonMod; JButton buttonSqrt, buttonDao, buttonEqual; JMenu editMenu, viewMenu, helpMenu; JMenuItem copyItem,...
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 数据库驱动的...
在文档的第一个表单中,查找所有的单选按钮(即: type 值为 radio 的 input 元素)。 jQuery 代码: $("input:radio", document.forms[0]); --------------------------------------------------------------------...
.xls格式 Office2003及以下版本 .xlsx格式 Office2007 及以上版本 .csv格式 以逗号分隔的字符串文本(可以将上述两种文件类型另存为此格式) 读取前两种格式和读取后一种格式会用两种不同的方法。 下面看程序:...
1.[removed].reload(),是原生JS提供的方法,this.$router.go(0):是vue路由里面的一种方法,这两种方法都可以达到页面刷新的目的,简单粗暴,但是用户体验不好,相当于按F5刷新页面,会有短暂的白屏,相当于页面的...
本文实例为大家分享了Bootstrap模态框的两种使用状况,供大家参考,具体内容如下 一.模态框的正常点击出现,如添加功能 <button type=button class=btn btn-blue style=width: 100px; data-toggle=modal data-...
对htmlEncode函数的可选调用显示了一种在将消息内容显示在页面中之前对其进行HTML编码的方法,以防止脚本注入。 HTML 复制 chat.client.addNewMessageToPage = function (name, message) { // Add the ...
---- 我们知道,在Office 97帮助系统中有一种叫作Office助手的代理软件,其中幽默风趣的 动画人物,如“大眼夹”,能够根据用户的操作步骤“智能化”地提出一些建议或帮助信息。 与Office助手相比,Agent功能更加...
拖出的控件有上面的一个Edit控件用于显示数字,Button控件用于处理鼠标的消息。 3. 建立的变量,控件的命名,对应的消息处理函数对应表 ID CAPTION Message Handler IDD_CALC_DIALOG 简易计算器 1.0 Beta1版 N/A...