动态添加表单元素经典代码

àì夳堔傛蜴生んèń 2024-02-18 14:37 63阅读 0赞

### 动态添加表单元素 经典代码 ###

<html > 
    <head> 
    <title>动态添加表单元素</title> 
    </head> 
    <script language="javascript"> 
    function AddElement(mytype){ 
    var mytype,TemO=document.getElementById("add"); 
    var newInput = document.createElement("input"); 
    newInput.type=mytype; 
    newInput.name="input1"; 
    TemO.appendChild(newInput); 
    var newline= document.createElement("br"); 
    TemO.appendChild(newline); 
    } 
    </script> 
    <body> 
    <form action="" method="get" name="frm"> 
    <div id="add"> 
               <input type="text" name="textfield">
    
    </div> 
    </form> 
    <input name="" type="button" value="新建文本框" onClick="AddElement('text')" /> 
    <input name="" type="button" value="新建复选框" onClick="AddElement('checkbox')" /> 
    <input name="" type="button" value="新建单选框" onClick="AddElement('radio')" /> 
    <input name="" type="button" value="新建文件域" onClick="AddElement('file')" /> 
    <input name="" type="button" value="新建密码框" onClick="AddElement('password')" /> 
    <input name="" type="button" value="新建提交按钮" onClick="AddElement('submit')" /> 
    <input name="" type="button" value="新建恢复按钮" onClick="AddElement('reset')" /> 
    </body> 
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，63人围观）

还没有评论，来说两句吧...

相关阅读

相关动态添加表单元素经典代码

动态添加表单元素经典代码 <html > <head> <title>动态添加表单元素</title> </head>

àì夳堔傛蜴生んèń/ 2024年02月18日 14:37/ 0 赞/ 64 阅读

相关表单form以及表单元素

表单：指在网页中用来收集用户信息表单元素(可分为两种不同类型): (1)、是以input标签显示的表单元素 (2)、特殊的一种表单：是以语义化的标签的表单元素

た入场券/ 2023年06月21日 13:26/ 0 赞/ 15 阅读

相关表单元素

表单元素表单元素 input元素 select元素 textarea元素按钮元素表单状态

深碍√TFBOYSˉ_/ 2023年02月27日 13:52/ 0 赞/ 50 阅读

相关小程序制作笔记-动态添加表单

因为要制作在线统计用餐人数的，需要用到动态添加天数，同时如果加多了，还要删掉对应的表单，通过js的 arr.push和arr.splice来实现了，下面是代码，备忘：

古城微笑少年丶/ 2022年11月26日 09:41/ 0 赞/ 269 阅读

相关使用Elementui元素动态增减表单组件

需求：动态增减表单组件动态表单组件模板部分 <el-form :rules="dynamicRules" ref="dynamicForm" label-

秒速五厘米/ 2022年09月05日 12:52/ 0 赞/ 51 阅读

相关 layui 表单动态添加、删除input框

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

淩亂°似流年/ 2022年08月29日 09:45/ 0 赞/ 604 阅读

相关表单元素

下面介绍一些常用的表单元素 ![20150722095812593][] ![20150722095847639][] 下面是代码示例演示这些属性值得使用：

迈不过友情╰/ 2022年08月02日 13:44/ 0 赞/ 232 阅读

相关动态的添加、删除表单

在写简历时，有一项实习经历，如果没有就不填，如果有就实习经历，有多少写多少。这个功能是如何实现的，其实很简单，以bootstrap和jquery为例： ![这里写图片描

女爷i/ 2022年06月17日 01:27/ 0 赞/ 273 阅读

相关单链表的讲解：单链表的原理，添加、删除元素

单链表及其节点链表是一系列的存储数据元素的单元通过指针串接起来形成的，因此每个单元至少有两个域，一个域用于数据元素的存储，另一个域是指向其他单元的指针。这里具有

ゞ浴缸里的玫瑰/ 2022年04月22日 14:40/ 0 赞/ 261 阅读

相关 JavaScript--动态添加元素

在网页中，使用JavaScript动态创建元素的方式有三种： 1.document.write() 2.Element.innerHTML 3.document.crea

旧城等待，/ 2022年03月28日 04:38/ 0 赞/ 352 阅读