`
xi5566
  • 浏览: 151745 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

动态HTML 自动添加表单

阅读更多
<%@ page language="java" pageEncoding="utf-8"%>


<%@ taglib uri="/WEB-INF/tld/struts-html" prefix="html"%>
<%@ taglib uri="/WEB-INF/tld/struts-logic" prefix="logic"%>
<%@ taglib uri="/WEB-INF/tld/struts-bean" prefix="bean"%>


<script type="text/javascript">
<!--
	var count=0;
	var td;
	 var n = 1;

	function addselect(){
		var otable = document.getElementById("table1");   
		var td1 = document.getElementById("td1");  
		if(count==0){
			td=td1.innerHTML;
		}
      		    var orow=otable.insertRow();    
                var ocol1 = orow.insertCell();
				ocol1.innerHTML=td;
                n++;
				count++;
	}
	
		function delselect(){
			if(n<=1){
        		alert("不能在删了");
        		return;
        	}
         var otable = document.getElementById("table1");   
        var rowIndex =event.srcElement.parentElement.parentElement.rowIndex   
            otable.deleteRow(rowIndex);  
            n--; 
		}



	function checked(){
		var range_name=document.getElementById("range_name").value;
		var ordinal=document.getElementById("ordinal").value;
        if(range_name==""){
        		alert("课程范围名称不能为空");
        		return false;
        }
        if(isNaN(ordinal)){
        	alert("排序字段要为数字");
        	return false;
        }
        return true;
	}
//-->
</script>



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">











<html:form styleId="form2" method="post" action="/dwps/app/servicecar/applicationtocar/action/UpdateServiceCarApplicationToCar.jspx" enctype="multipart/form-data" onsubmit="return checked()">

<table id="table1">
<tr>
<td id="td1">
<table cellspacing="1" class="inputtable">
  <tr>
    <td colspan="2" class="inputetitle">
       分配车辆管理
    </td>
  </tr>
 
  
   <tr>
    <td width="150" height="26" align="left" class="inputitemname">车型:</td>
    <td width="350" align="left" class="tablebody">
      <html:text property="car_type" maxlength="50" size="50" styleId="car_type"></html:text>
    </td>
  </tr>
  	<html:hidden property="application_id"/>
  	<html:hidden property="id"/>
    <tr>
    <td width="150" height="26" align="left" class="inputitemname">vin_code:</td>
    <td width="350" align="left" class="tablebody">
      <html:text property="vin_code" maxlength="50" size="20" styleId="vin_code" ></html:text>
    </td>
  </tr>
  
  <tr>
    <td width="150" height="26" align="left" class="inputitemname">颜色:</td>
    <td width="350" align="left" class="tablebody">
      <html:text property="car_color" maxlength="50" size="20" styleId="car_color" ></html:text>
    </td>
  </tr>
  
  
   <tr>
    <td width="150" height="26" align="left" class="inputitemname">设备</td>
    <td width="350" align="left" class="tablebody">
     <html:text property="car_equipment" maxlength="50" size="20" styleId="car_equipment" ></html:text>
    </td>
  </tr>
  
  
  
</table>

</td>
</tr>
</table>



<table width="500" border="0"  cellpadding="0" cellspacing="0">
  <tr>
    <td height="40" colspan="2"></td>
  </tr>
  <tr>
    <td height="25" colspan="2" align="center">
      <input type="image" name="" src="../../../sys/common/image/button/button-add.jpg">    
        <a onClick="history.back(-1)" ><img src="../../../sys/common/image/button/button-cancel.jpg" style="cursor:hand" border="0"></a>
    </td>
  </tr>
  <tr>
    <td height="25" colspan="2"></td>
  </tr>
</table>
</html:form>

 

分享到:
评论

相关推荐

    Angularjs 动态添加表单

    **AngularJS 动态添加表单** AngularJS 是一个强大的前端JavaScript框架,它极大地简化了构建交互式Web应用的过程。动态添加表单是AngularJS中一个重要的特性,它允许开发者在用户交互时动态地向页面中添加或移除...

    HTML5+CSS3超酷动态表单

    HTML5和CSS3是现代网页开发的两大核心技术,它们为创建功能丰富、视觉效果吸引人的动态表单提供了无限可能。本教程将深入探讨如何利用HTML5的新特性与CSS3的高级样式来构建一个"超酷动态表单",在用户输入时能够实现...

    html代码 自动生成表单代码 可以拖拽

    可能使用了`addEventListener`来监听拖放事件,`DOM操作API`如`createElement`、`appendChild`来创建和添加表单元素,以及`JSON`或`localStorage`来保存和恢复表单布局。此外,JavaScript还可能包含了表单验证逻辑,...

    php实现表单的动态添加删除

    在动态添加和删除表单元素的场景中,PHP需要能够根据用户的请求动态生成或移除HTML代码。 1. **动态生成表单**:在PHP中,可以使用字符串拼接或者模板引擎(如Twig)来动态生成HTML代码。例如,你可以创建一个数组...

    自动填写表单的chrome插件

    标题中的“自动填写表单的chrome插件”指的是一个用于谷歌浏览器(Chrome)的扩展程序,它的核心功能是在用户访问特定类型的网页时自动填充表单数据。这种插件可以极大地提高用户在在线填写表单时的效率,尤其适用于...

    xml自动调用数据库数据填写表单

    3. jQuery.fn.append() 和 jQuery.fn.val():分别用于向HTML元素添加内容和设置输入框的值,实现表单的自动填写。 五、实例应用 1. 前端:使用jQuery AJAX请求服务器获取XML数据,然后解析XML并填充到相应的HTML...

    struts动态表单实例

    它的字段可以在运行时动态添加,这使得表单的结构可以根据服务器端的业务逻辑改变。 4. **Struts-config.xml**: 这是Struts的配置文件,用来配置Action、ActionForm以及ActionMapping等。在配置动态表单时,你需要...

    表单自动填写,网页自动提交工具

    模拟人工提交网页表单操作,同时监控提交结果变化并报警提示或自动处理报警动作。可广泛用于注册表单、登陆表单、信息添加修改表单提交。 1、支持多任务多操作连续提交,实现无人值守。 2、支持通过多代理服务器访问...

    美观又功能齐全的HTML form表单

    例如,为表单元素添加边框、内边距、背景色等: ```css input, textarea, select { border: 1px solid #ccc; padding: 10px; background-color: #f8f8f8; font-size: 16px; } button { background-color: #4...

    html5表单增强,html5

    另外,HTML5的表单还支持重复模型,用户可以通过添加、删除或重新排列条目来动态管理表单数据,增强了表单的灵活性。 内建的表单验证是HTML5表单增强的另一大亮点。通过属性如`required`、`min`、`max`等,开发者...

    【JavaScript源代码】antd+vue实现动态验证循环属性表单的思路.docx

    首先,我们需要将表单分为两部分:一个是可以动态添加的循环表单`form`,另一个是普通表单`dateForm`。循环表单用于处理多个属性行,而普通表单则包含其他非循环的输入。 在HTML模板中,我们可以使用Vue的`v-for`...

    table动态添加行并编辑

    JavaScript(js)作为客户端脚本语言,使得我们能够实现表格的动态交互功能,如动态添加行、行编辑以及行数据修改。下面我们将深入探讨这些知识点。 ### 1. 动态添加行 在HTML中,`&lt;table&gt;`元素用于创建表格,但...

    HTML5简单清新的登录表单

    比如,可以使用`box-shadow`添加阴影效果,`border-radius`创建圆角,`transition`和`animation`制作动态效果。 5. **响应式设计**:考虑到不同设备的屏幕尺寸和方向,登录表单应该采用响应式设计,以适应手机、...

    Form 动态表单demo

    一个动态表单(Dynamic Form)允许根据用户需求或特定场景自动生成或改变表单的结构和内容。本“Form动态表单demo”提供了一个简单的实例,帮助开发者了解如何创建和管理动态表单。 在描述中,作者提到这是一个个人...

    网页表单自动提交

    对于POST请求,需要将表单字段和对应的值以键值对的形式添加到请求体中。 3. **设置请求头**:根据需要,可能需要设置一些特定的HTTP头信息,比如“Content-Type”,通常设置为“application/x-www-form-urlencoded...

    使用JavaScript 完成表单的自动计算

    2. 表单:HTML表单是网页中用于收集用户输入信息的元素,通过`&lt;form&gt;`标签定义,其中包含了各种输入控件如`&lt;input&gt;`, `&lt;select&gt;`, `&lt;textarea&gt;`等。 3. 自动计算:自动计算是指在用户填写表单时,根据用户的输入...

    jQuery自动填充表单功能代码.zip

    本项目“jQuery自动填充表单功能代码”展示了如何使用jQuery UI的Autocomplete实现表单自动填充功能,结合Ajax和本地文本文件来动态提供搜索建议。通过理解Autocomplete的工作原理和配置选项,开发者可以轻松地为...

    chrome自动填充表单.rar

    4. 如果需要管理自动填充的表单数据,可以返回“设置”页面,找到“地址和付款方式”,在这里可以添加、编辑或删除地址和信用卡信息。 5. 自动填充功能的效率和准确性取决于用户如何设置和维护这些信息。确保定期...

    使用WebClient自动填写并提交ASP.NET页面表单的源代码

    根据表单元素的名称或ID,将每个字段的值添加到集合中。 4. **构造POST请求**:`WebClient.UploadValues`方法用于发送POST请求。需要提供表单提交的URL和之前创建的`NameValueCollection`。这将模拟用户点击提交...

    后台layui表单生成器代码复制即用,添加编辑一体,可条件判断

    在描述中提到的“添加编辑一体”意味着这个表单生成器不仅支持新建记录(添加),也支持编辑已有的记录。这通常是通过切换表单的编辑模式来实现的,比如点击行操作的“编辑”按钮,表单就会加载对应记录的数据,用户...

Global site tag (gtag.js) - Google Analytics