用javaScript动态修改html组件form的action属性,可以在提交时再决定处理表单的页面。
<script>
<!--
function chgAction(v){
if(v==1){
form1.action="./newworksheet";
}else if(v==2){
form1.action="./worksheetupdate";
}
form1.submit();
}
-->
</script>
<form method="post" name="form1" action="">
<input name="worker" type="text" size="50" value="" />
<input type="submit" value="添加" name="add" onclick="chgAction(1);" />
<input type="submit" value="修改" name="update" onclick="chgAction(2);" />
</form>
============================================================================
<script language="JavaScript" >
function checkaction(v){
if(v==0){
document.dbform.action="index.php?admin_db-repair";
}else{
document.dbform.action="index.php?admin_db-optimize";
}
dbform.submit();
}
</script>
<form action="" method="post" name="dbform">
<input type="submit" class="btn" value="{lang dbStartOptimize}" name="opsubmit" onclick="checkaction(1);" />
<input type="submit" class="btn" value="{lang dbStartFix}" name="resubmit" onclick="checkaction(0);" />
</form>
分享到:
相关推荐
2. **JavaScript动态修改Action属性**:通过JavaScript可以动态修改表单的`action`属性,从而改变表单提交的目标。这里的`FormSubmit`函数实现了这一功能。 ```javascript function FormSubmit() { document....
为了增加表单的功能性,我们可以使用HTML5的`placeholder`属性提供提示文本,使用`autofocus`属性让特定输入框自动获取焦点,或者使用`disabled`属性禁用某些选项。还可以利用`<fieldset>`和`<legend>`组织表单内容...
"Action Form"在IT行业中通常指的是在Web应用开发中用于处理用户输入的一种组件或概念,尤其是在使用MVC(Model-View-Controller)架构时。它是一个包含用户界面元素(如文本框、按钮等)的表单,用户通过这些元素与...
使用CSS和JavaScript可以创建自定义的表单组件,比如带有清除按钮的输入框、滑块控件等,提升用户体验。 6. **响应式设计** 表单应具有响应式设计,确保在手机、平板电脑和桌面设备上都能良好显示。可以使用媒体...
表单<form>用于用户输入数据并与服务器交互,method属性指定提交方式(GET或POST),action属性指定处理表单的URL。表单中的组件如、和接收用户输入,input的type属性可以设置为text、password、checkbox、radio等,...
它提供了丰富的组件模型、数据绑定机制以及丰富的API,使得开发者能够创建功能丰富的动态表单。在"动态添加表单"这个主题中,我们将深入探讨如何在ExtJS中实现表单的动态创建和管理。 首先,我们要理解表单(Form)...
这种方法同样通过提交表单来触发Action,但这里直接调用了表单的`submit`方法,不需要显式修改表单的`action`属性。 ##### 4. **参数传递** 在调用Struts Action时,经常需要向Action传递参数。这些参数可以是...
2. **使用HTML5的formaction属性**:HTML5引入了formaction属性,允许我们为Submit按钮指定不同的提交URL。例如,`<input type="submit" formaction="/submit1" value="提交1">`和`<input type="submit" formaction=...
表单数据可以通过`action`属性指定的URL发送到服务器进行处理。 "form_html"标签进一步确认了主题,意味着这个压缩包中的内容可能涉及到如何设计和实现HTML表单,特别是登录功能。这可能包括如何设置表单的布局,...
总之,这个“javascript ppt”文档涵盖了JavaScript在处理DHTML、DOM和表单交互方面的基础知识,对于初学者来说是非常有价值的资源,可以帮助他们掌握如何用JavaScript实现动态网页和表单控制。通过深入理解和实践...
在本文中,我们将深入探讨如何使用`el-upload`组件实现多文件一次性上传,同时携带JSON数据,并自定义上传事件,不依赖`action`属性。`el-upload`是Element UI库中的一个组件,用于文件上传操作,提供了丰富的配置...
- **属性**:`action`属性指定表单提交后发送数据的URL,`method`属性规定数据发送到服务器的方式,通常是`GET`或`POST`。 - **表单控件**:`<input>`、`<textarea>`、`<select>`和`<button>`等元素用于创建不同的...
ExtJS 是一个强大的JavaScript前端框架,它提供了丰富的用户界面组件,包括树形控件(tree)、表格(grid)和表单(form)。本实例“ext实例 左边是 tree 右边是grid 双击grid弹出form修改”是针对初学者的一个宝贵...
首先,组件的模板部分(`<template>`)包含了一个 `el-form` 元素,它使用了 Element UI 的 `el-upload` 组件。`el-upload` 提供了文件上传的功能,并且可以通过设置各种属性来定制其行为。例如: 1. `:limit` 属性...
5. **使用说明**:`使用说明.txt`文件会包含如何配置Struts2的Action、如何在HTML页面上创建表单以及如何在客户端JavaScript中集成组件的详细步骤。按照说明,开发者可以将此组件整合到自己的项目中,实现文件上传并...
在这个例子中,`xy-form`组件的`action`属性指定了表单数据的提交地址,`method`属性定义了请求方式(默认为GET,可改为POST)。`xy-input`组件则用于创建输入字段,其中`required`属性表示必填,`minlength`属性...
通过`<form>`标签定义表单,`<input>`标签定义输入控件,并使用`action`属性指定表单提交后的处理地址,`method`属性(GET或POST)定义提交方式。 在Web页面中实现tab切换效果,可以使用HTML、CSS和JavaScript来...
在使用jQuery来动态生成页面组件时,需要注意许多细节问题,以确保组件能够正确地渲染并且具备预期的功能性。本篇文章将详细介绍一个具体的案例:使用单引号与双引号的不同之处及其对代码的影响,并提供一份详尽的...
### Web Form CSS 相关知识点详解 #### 一、表单概述 - **表单定义**:表单是一种用户界面组件,主要用于收集用户输入的信息,并将其提交至服务器进行处理。表单是Web应用中实现用户交互的重要手段之一。 - **...