Related posts:
Previous Post:
Next Post:
Simfatic Forms
From the Blog欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术！您的位置： >
> html 按钮html 按钮控件按钮控件-html bottom与html submit按钮表单控件与美化，介绍form input bottom按钮和html input submit按钮基本结构与用法，html按钮控件bottom和submit区别，同时DIVCSS5对html按钮美化布局。
一般提交按钮使用了 submit和html bottom两种按钮控件实现同时可将按钮设置美化为时间设计图片按钮，首先介绍html按钮基本语法与用法，DIVCSS5再对按钮进行图片美化布局。
一、html submit与bottom按钮基本语法结构
1、html submit按钮
在标签里设置type=&submit&即可设置此表单控件为按钮。
submit按钮代码：
&name=&&&type=&submit&&value=&提交&&&
submit按钮效果截图
html submit按钮效果截图
2、html bottom按钮
在input标签里设置type=&bottom&也是即可设置此表单控件为按钮。
bottom按钮代码：
&name=&&&type=&button&&value=&提交&&&
bottom按钮截图：
html botton按钮效果截图
二、html submit与bottom按钮区别
type=button
就单纯是按钮功能
type=submit
是发送表单
但是对于从事WEB UI的人应该要注意到，使用submit来提高页面易用性：
使用submit后，页面支持键盘enter键操作，而很多WEB软件设计师，可能没有注意到submit统一.
用button后往往页面不支持enter键了。所以需要支持enter键，必须要设置个submit，默认enter键对页面第一个submit进行操作。
&type=&submit&&name=&b1&&value=&提交&&onClick=&bt_submit_onclick()&&
执行完onClick，转到action。可以自动提交不需要onClick。所以说onclick这里可以不要。
&type=&button&&name=&b1&&value=&提交&&onClick=&bt_submit_onclick()&&
执行完onClick，跳转文件在 js文件里控制。提交需要onClick。
1，onclick=&form1.action='a.jsp';form1.submit();&
这样就实现了submit的功能了。
2，button代码
&name=&form1&&method=&post&&action=&&&&type=&button&&name=&Button&&value=&按钮&&onClick=&submit()&&&&
&type=&button&&name=&Button&&value=&Button&&onClick=&javascript:windows.location.href=&你的url&&&
三、html submit与bottom按钮美化css div布局
首先我们准备好按钮美化的按钮图片，并对input submit或bottom按钮控件内添加class样式即可，设置其按钮背景为美化图片，设置好边框为零，宽度和高度。
1、对html bottom按钮美化
1）、图片素材
可将图片另存为使用
美化图片按钮素材
2）、对应完整：
&!DOCTYPE&html&&&button按钮美化&在线演示-&&&html{:100%;height:100%;}&body{background:#:18font-family:&Arial&,&&Tahoma&,&&微软雅黑&,&&雅黑&;:18padding:0margin:0:center}&div{padding:18px}&img{border:0vertical-align:padding:0;margin:0}&input,&button{font-family:&Arial&,&&Tahoma&,&&微软雅黑&,&&雅黑&;border:0;vertical-align:margin:8line-height:18font-size:18px}&.btn{width:140:36line-height:18font-size:18background:url(&bg26.jpg&)&no-repeat&left&color:#FFF;padding-bottom:4px}&&&&&&id=&form1&&name=&form1&&method=&&&action=&/&&target=&_blank&&&&type=&button&&class=&btn&&value=&按钮&&onmouseover=&this.style.backgroundPosition='left&-36px'&&onmouseout=&this.style.backgroundPosition='left&top'&&&&&&&&
3）、bottom效果截图
bottom美化效果截图
4）、在线演示：
5）打包下载（包括html文件+图片素材）
2、对html submit按钮美化
1）、图片素材
可将图片另存为使用
按钮图片素材 鼠标右键另存为使用
2）、对应完整HTML源代码：
&!DOCTYPE&html&&&submit按钮美化&在线演示-&&&html&{&width:100%;&height:100%;&}&body&{&background:#&font-size:18&font-family:&Arial&,&&Tahoma&,&&微软雅黑&,&&雅黑&;&line-height:18&:0;&:0;&text-align:&}&div&{&padding:18px&}&img&{&border:0&vertical-align:&padding:0&margin:0&}&input,&button&{&:&Arial&,&&Tahoma&,&&微软雅黑&,&&雅黑&;&:0;&vertical-align:&margin:8&line-height:18&font-size:18px&}&.btns&{&width:143&height:40&:url(&bg11.jpg&)&no-repeat&left&&:#FFF;&}&&&&&&id=&form1&&name=&form1&&method=&&&action=&/&&target=&_blank&&&&type=&submit&&class=&btns&&onmouseover=&this.style.backgroundPosition='left&-40px'&&onmouseout=&this.style.backgroundPosition='left&top'&&value=&提交&&&&&&&&
3）、submit按钮效果截图
html submit美化后效果截图
4）、在线演示：
5）、打包下载（包括图片素材+文件）：
相关CSS推荐
2、如需转载，请注明文章出处和来源网址：我要分享到：上一篇： 下一篇： 必备CSS教程 Essential CSS Tutorials• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • ()• • ()• ()• • • • • • • • • • • • • • • • 必备HTML基础教程 Essential HTML Tutorials •
• () • () • () •
• () •
• () •
• 如对文章有任何疑问请提交到，或有任何网页制作CSS问题立即到发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。文章修订日期： 14:10
原创：本文 DIVCSS5版权所有。最新文章NEWS• • • • • • • • • • CSS EFFECTS相关文章RELATED• • • • • • • • • • 热点文章HOT
学习与资源分享平台您的位置：
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
相关栏目：
介绍：下面是个简单易学的在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码教程，图老师小编详细图解介绍包你轻松学会，喜欢的朋友赶紧get起来吧！
难度：初级
代码如下：form&onsubmit="aa(this);" input&type="text"&name=""&value="test"&/input&type="submit"&value="提交"&/ /form iframe&src=""&name="fA"&frameborder="1"&scrolling="no"/iframe iframe&src=""&name="fB"&frameborder="1"&scrolling="no"/iframe script&type="text/javascript" function&aa(oForm){ oForm.action=""; oForm.target="fA" oForm.submit(); oForm.action="http://www.iecn./bbs/"; oForm.target="fB" oForm.submit(); return& } /script
来源:/n/5677.html
相关电脑网络推荐
分享给朋友：
拥有教程：363个
共有学生：85位
相关知识点直接上代码把：
&div id=&register&&
&h4&会员注册&/h4&
&div class=&formdiv&&
&form method=&post& action=&register.php?action=register& name=&register& id=&registerForm&&
&dt&请认真填写以下内容&/dt&
&dd class=&hasspan&&
用户名：&input type=&text& name=&username&&
&dd class=&hasspan&&
密码：&input type=&password& name=&pwd&&
&dd class=&hasspan&&
确认密码：&input type=&password& name=&pwdagain&&
&dd id=&tximg&&
&img src=&img/face/m01.gif& alt=&选择头像& id=&faceimg&&
&input type=&hidden& name=&touxiang& value=&&&
&label id=&imgsrclabel&&m01.gif&/label&
&dd style=&margin-right:120&&
验证码：&input type=&text& name=&code&&
&img src=&code.php& alt=&code& id=&code& name=&code&&
&a href=&#code& id=&change&&换一张&/a&
&dd class=&btns&&
&input type=&button& name=&submit& id=&submit& value=&注册&&
&input type=&button& name=&quit& id=&quit& value=&退出&&
表单数据提交到本页面，下面是js处理
/*注册表单提交*/
function formDeal()
var btnSubmit = document.getElementById('submit');
var formId = document.getElementById('registerForm');
btnSubmit.onclick = function()
//表单的submit()方法不能提交表单
formId.submit();
如果表单提交，在本页面有一段提示信息
if(!empty($_GET['action']) && $_GET['action'] == 'register')
echo '你提交了数据';
结果是测试了许久都没有看到提示信息，以为是代码错了或者方法写错了，仔细核对，在结果官方文档，确认没有出错。
formId.submit()不能提交，就暂时只好把btnSubmit的type改为submit
this.type=&submit&
在网上查了资料,原因归结为两点:
1、表单中不能有name=”submit” 的标签
2、表单中不能缺少《enctype=”multipart/form-data”》
经测试，此两点乃荒谬，并没有解决我的问题（或许是我的问题环境不一样）
后来，以为论坛的坛友建议我把注册按钮的ID改个名字，不用submit。改正之后，表单正常提交，提示信息出现。
最后总结：button的id不要设置为submit,否则可能会引起混淆，导致表单的submit()方法不能提交表单。在命名ID时，名字最好不要和现有的api在名称上重复，避免不必要的烦扰。
直接上代码把：
&div id=&register&&
&h4&会员注册&/h4&
&div class=&formdiv&&
&form method=&post& action=&register.php?action=register&qu
问题：最近使用 jqeury 的 validationEngine 做ajax校验，当表单中的最后一个字段需要做ajax验证时，此时在字段输入完毕后点击回车提交表单时不起作用，必须再按一次/点击submit按钮。 分析：通过个跟踪其源代码，最终发现ajax验证成功后也再次submit了表单，但还是不能真正提交表单。 原因：很诡异，因为我的提交表单按钮名字是submit。改掉就好了。
直接上代码把：
&div id=&register&&
&h4&会员注册&/h4&
&div class=&formdiv&&
今天用chrome提交一个表单时，发现一个奇怪的问题：
//提交表单 document.frmOrder.action = '/d.aspx'; document.frmOrder.method = 'POST'; document.frmOrder.target = '_blank'; document.frmOrder.submit()
ie6中， $('a.btn').click(function(){ form.submit(); }) 点击失效； 分析： 微软低版本浏览器会先执行link标签的自身事件也就是href事件，这样就中断了form的submit事件，“”的意思是中断link标签的的自身事件执行。 解决办法：换思路，用jquery直接处理图片、文字等的click $('a.btn').cli
一、问题描述 类比一下，我用input.select()做了测试，却能响应select事件。这个原因先放一边，我们看看先怎么把眼下的问题解决了。 不响应事件的代码示例：
&form id=&form1& action=&http://www.jb51.net&&&/form& &script type=&text/
本文实例讲述了JS定义网页表单提交（submit）的方法。分享给大家供大家参考。具体如下： 这段代码表示网页表单提交时不是提交到指定的页面，而是执行一个特定的函数
&script& function saveInfo() { localStorage.setItem(&name&,$(&#name&).val()); } &/scrip
EXT的form表单ajax提交（默认提交方式）
1.functionlogin(item){ 2. 3.if(validatorForm()){ 4.//&n
$(document).ready(function() {
$('form').submit(function() {
if(typeof jQuery.data(this, &disabledOnSubmit&) == 'undefined') { &nbsp
应该这样用if(isset($_POST['submit'])) { } 提交表单时 if($_POST[submit])与 if(isset($_POST[submit])) 的区别
第一种方法会出现一个warning，第二种相对更严谨。 还有就是POST的键名最好加上单引号，这样效率稍微高点（大概3-4倍）。 恩 差不多那个意思，如果设置了这个变量则返回true
PHP中if(isset(
jquery submit()无法提交表单 报错：f[s] is not a function，
js submit()无法提交表单 报错：document.getElementByIdx_x(...).submit is not a function
这2个错让人很无奈啊，语法没有任何错误，怎么能报错呢？ 因为以前重来没有遇到过，这次是在改别人的代码，回头看了看代码，我靠原来有个按钮的nam
表单元素拥有submit方法，同时也具有onsubmit事件句柄，用于监听表单提交。可以使用elemForm.submit();方法触发表单提交。1、表单元素中出现了name=&submit&的元素这种情况下elemForm.submit();将不会触发表单提交，因为表单原始的submit方法将会被覆盖（formElem.submit就是对该元素的引用）。2、elemForm.
一般的form提交操作写法为
&form action=&saveReport.htm& method=&post&& …… &input type=&submit& value=&保存报告&/& &/form&
点击submit按钮或直接回车可以将数据提交
&?php $test = $_POST[ 'test ']; echo '12 '; echo $ echo $_POST[ 'submit1 ']; echo $_POST[ 'submit2 ']; if (isset($_POST[ 'submit1 ']) && $_POST[ 'submit1 '] == 'sub
之前项目中使用的表单提交方式
使用form()方法可以将提交事件脱离submit按钮，绑定到任何事件中
function addSubmit(){ $('#addForm').form('submit', { url : _basePath + '/@Controller/@RequestMapping', onSubmit : function() { if(boolea
/** * * @authors Benjamin * @date
10:16:59 */
一、常见的重复提交问题 a&点击提交按钮两次。 b&点击刷新按钮。 c&使用浏览器后退按钮重复之前的操作，导致重复提交表单。 d&使用浏览器历史记录重复提交表单。 e&浏览器重复的HTTP请求。
二、防止表单重复提交的方法 　　a&禁掉提交按
换了2008系统，网站后台有显示500内部错误，打开网站 http错误信息也不能将详细的错误显示出来。 其实这个问题是可以通过修改2008系统的iis设置来显示详细信息的。 当然首先你要看你的显示好友错误信息是不是打开如图： 让IE显示详细的出错信息：菜单--工具--Internet选项--高级--显示友好的HTTP错误信息，去掉这个选择吧，然后刷新出错页，就可以看到详细的出错信息！
一、不能导出空表的原因1、Oracle11g默认对空表不分配segment，故使用exp导出Oracle11g数据库时，空表不会导出。 2、设置deferred_segment_creation 参数为FALSE后，无论是空表还是非空表，都分配segment。 在sqlplus中，执行如下命令： SQL&alter system set deferred_segment_creation=f
　　1.电脑中病毒 　　如果电脑中病毒一般是恶意软件篡改用户主页，劫持电脑dns等，造成电脑打开知名网站会跳转到其它恶意网站，或者干脆网站都打不开。 　　解决办法：使用杀毒软件对电脑先进行全盘扫描，查看电脑是否中病毒，是否有杀毒软件相关提示。如果杀毒后网页可以打开，多数是因为病毒原因所导致的。 　　2.网站故障 　　当发现打开某些网站会出现dns错误，但又有些大站打开一切正常，这种情况多数由于网站
在Windows 7下安装Office 2010，如果出现“错误 1719：无法访问 Windows Installer 服务。没有正确安装 Windows Installer 时可能发生这种情况。请与技术支持人员联系以获得帮助。”这个错误说明是由于Windows Installer的问题，可以通过下面的方法解决。 　　按“Win + R ”组合键，打开运行对话框，输入“Services.msc”
三个小问题：Form表单，数据库连接，struts配置
今天做项目的时候遇到三个小问题，现在都解决了，记录如下：
1.Form表单的提交方式（有时候我们不方便写submit button，这时候其他的提交方式就有用了） form表单的提交方式有两种1）按钮 type=&submit&2)submit()方法（1）docume
用js提交表单解决一个页面有多个提交按钮的问题,主要是判断是否为提交文本，然后再执行相应的动作，比较简单。
&pre class=&javascript& name=&code&&function check(txt){ $j(&form&).submit(function(){ if($txt==&提交&quo
表单提交报413错误
今天在开发过程，需要向数据库里面插入一条记录。可是在表单提交的时候报出了一个413的状态，我上网查询了导致413错误的原因和解决方式。413状态时请求实体过大，超出了服务器处理的能力。我按照网上说的方法修改了form表单的属性，可是依然不能成功。后来我才发现是因为数据库的问题，很是奇怪。由于需求的变更，这张表需要增加
最近使用jQuery UI的Dialog控件时发现如果在此控件放置表单，则所有表单均无法正常提交，具体表现为： 1.提交按钮失效，点击后无任何反应。
2.即便是使用其它手段使页面产生提交，服务器端也无法取到Dialog中的表单数据。
研究了页面源码后发现，jQuery UI Dialog控件初始化时动态生成的HTML元素被添加到页面的尾部、form元素的后面，而原始的Dialog模板部分（其内
Win7不能自动更新的原因和解决方法？ 原因：对于windows7中的自动更新，如果不出现时，主要是要检查你的对更新的设置的改变选项。可以从两方面着手解决。 解决方法一： 点击关机时使用的windows图标，接着点击“所有程序”，打开所有程序这样的一项，找到windows update 这个程序进行点击一下，这样会出现一个对话选择窗口。这个窗口时操作中心的，接着做点击其中的一项选项“更改设置”。点
js 创建form、input元素，并设置form的action及method，最后使用submit进行提交
&script src=&Scripts/jquery-1.7.1.js&&&/script& &script type=&text/javascript&& function SubmitFormToSF()
在此记录一下，以后不能在同一个地方摔倒了！ 数据库为bbs,表为test.三个字段，分别为id,name,sex。id为auto_increment。 连接数据库的php文件conn.php内容为
$conn = @ mysql_connect(&localhost&, &root&, &&) or die(&quo
jBox 是个不错的对话框组件。 在 ASP.NET Form 中使用 jBox 的时候，在按钮注册的客户端点击事件中，会发现不能弹出对话框问题。 表现为页面一闪就提交了，导致对话框一闪而过，甚至根本看不到。导致模式对话框失败。 首先，按钮会有默认处理，对于普通的 ASP.NET 按钮来说，会导致表单的提交，提交表单导致了页面的刷新。所以，为了不提交表单，就需要阻止按钮默认的行为，这可以通过下面的
在submit()后加个return false就可以了。如：
document.formname.submit();
以后要注意了
后面尝试了另一种方法:
if ($(&#formid&).validationEngine(&validate&)){ document.getEl
function AddHandlingFeeToRefund()
{ var AjaxURL= &../OrderManagement/
下面说一下，最近在使用jquery 1.4中使用$.ajax()方法解析json对象遇到的问题。
Json对象是：
[{name:'二手房出售',infoCount:0,pageUrl:'/ershoufang'},{name:'二手房求购',infoCount:0,pageUrl:'/qiugou'},{name:'二手房装修',infoCount:0,pageUrl:'
很多web开发者或许都遇到过这样的问题，程序莫名奇怪出现“不能执行已释放Script的代码”，错误行1，列1.对于这种消息描述不着边，行列描述更是让人迷茫的js错误，相信是所有调试js程序的朋友们最郁闷也最憎恨的事情！遇到这种问题，最简单的办法直接把错误贴到baidu或google那个小输入框中让他们先给点指点，再去解决，可这次却没有这么容易，在baidu搜索似乎很多人都遇到过这种问题，但是都是些
很多web开发者或许都遇到过这样的问题，程序莫名奇怪出现“不能执行已释放Script的代码”，错误行1，列1.对于这种消息描述不着边，行列描述更是乱写的js错误，相信是所有调试js程序的朋友们最郁闷也最憎恨的事情！遇到这种问题，最简单的办法直接把错误贴到baidu或google那个小输入框中让他们先给点指点，再去解决，可这次却没有这么容易，在baidu搜索似乎很多人都遇到过这种问题，但是都是些什么
今天遇到个问题 我点击表单提交的时候会出现 jQuery 没有权限 ； 百度了一堆都是说 jquery跨域之类的原因，比对项目，发现没有这样的原因；但是还是受到其中的启发，使用json可以防止这类问题，但是他们提供的办法都比较复杂，需要改前台和后台。 试了一下jquery自带的json方式提交成功!
$.post(&actionName.action&,{&id&
最近在项目中，出现一个奇怪的现象，有一个大form里面有上千个input，提交的时候，老是发现post过来的数据不完整，一开始还怀疑是html 表单名称有冲突，排除掉了。然后，网上找了一堆，php.ini 的post_max_size和upload_max_filesize都设置了很大的值，没用，nginx的client_max_body_size 500m;加到了那么大的值，也没用。最后终于go
由于在项目中应用了Jquery Validation表单验证插件，所以要实现在Validation验证完毕后，提交form，然后禁止按钮。 CodeProject上有一个DisableBtnPostBack项目，但不无法和Jquery Validation结合，代码先贴出来，给大家提示下，碰到这种情况不要使用该代码。代码如下： js: 代码
function disableB
在调用一个jquery的ajax方法时我们有时会需要该方法返回一个值或者给某个全局变量赋值，可是我们发现程序执行完后并没有获取到我们想要的值，这时很有可能是因为你用的是ajax的异步调用async:true(默认情况),如：
function ManageCommentText(text) { var result = $.ajax({ data: &ge
当页面编辑或运行提交时，出现“从客户端中检测到有潜在危险的request.form值”问题，该怎么办呢？如下图所示：
下面博主汇总出现这种错误的几种解决方法： 问题原因：由于在asp.net中，Request提交时出现有html代码或javascript等字符串时，程序系统会认为其具有潜在危险的值。环境配置会报出“从客户端 中检测到有潜在危险的Request.Form值”这样的Error。 1、
　　在使用系统的时候难免会遇到各种故障，最近win7系统的用户在使用系统的时候，会出现错误1079的代码故障，就是是什么原因引起的呢，下面我们来一起分析分析下。 　　原因分析： 　　该故障通常在由svchost服务宿主进程所启动的服务上发生。Windows XP SP2最多可以启动七个svchost进程实例，分别负责启动一组服务。一组服务中的每个服务必须和对应的svchost进程实例运行在同一个启
前不久微软推出的Win8系统的升级版本Win8.1，Win8用户都可以免费升级到Win8.1，但之前有网友向笔者反馈过Win8.1无法激活，网上查询了下也发现部分用户遇到了这个问题，网上也没有找到相关解决办法，因此也没能够为网友分忧。今天在浏览某IT论坛的时候，发现有大神为我们附上了Win8.1无法激活的解决办法，这里也与大家分享下，希望遇到类似问题的朋友能够有所帮助。 Win8.1无法激活怎么办