`
阅读更多

 

Js动态生成Input标签

在IE中input.name不能正常赋值:

由于Name属性在不同浏览器赋值不同,所以在操作时应该注意。

 

/**生成Input标签**/
	function generateInput(type,id,name){
		var input;
		if(document.all){
			if(name != null && name != ""){
			input = document.createElement('<input name="' + name + '">');//IE代码
			}else{
				input = document.createElement('<input');//IE代码
			}
		}else{
			input = document.createElement('input'); //其他
			if(name != null && name != ""){
				input.name = name;
			}
		}
		if(type == null || type == ""){
			type = "text"
		}else{
			input.type = type;
		}
		if(id != null && id != ""){
			input.id = id;
		}
		input.value = "";
		//document.body.applyElement(input);
		document.body.appendChild(input);
	};

 

 

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2013年12月7日 15:28:02 星期六

1
0
分享到:
评论

相关推荐

    jq input标签生成

    input标签是HTML中用于用户输入数据的基本元素,而jQuery则提供了一种方便的方式来处理DOM操作和事件监听,使得我们可以动态地生成和更新页面内容。 首先,我们需要创建一个HTML结构,包含一个input元素和一个用于...

    input多标签插件 按回车生成新的标签

    在IT领域,尤其是在前端开发中,"input多标签插件 按回车生成新的标签"是一个常见的功能需求。这个功能通常应用于用户需要输入多个标签,例如在社交媒体、博客平台或者内容管理系统中,用户可以使用此功能快速创建或...

    jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签

    标题中提到的“jQuery ajax请求返回list数据动态生成input标签, 并把list数据赋值到input标签”涉及到多个知识点。首先,我们来探讨jQuery和ajax请求的基础概念,然后详细了解如何使用ajax请求从服务器获取数据,并...

    输入框回车生成标签的demo

    生成的标签可以插入到页面的某个位置,或者动态添加到一个已有的标签列表中。 4. **删除标签**:每个标签旁边通常会有一个删除按钮或图标,让用户能够移除不再需要的标签。点击这个按钮会触发删除操作,同时更新...

    layui实现input框添加tag

    创建一个基础的input输入框,并为其绑定一个特殊的class,如`layui-input-tag`,以便后续通过JS进行操作: ```html &lt;input type="text" id="layui-input-tag" class="layui-input layui-input-tag"&gt; ``` **二、CSS...

    VUE动态生成word的实现

    VUE动态生成Word文档的实现是一个涉及前端技术与文档处理技术的复杂过程,适用于Web开发领域中对文档生成功能的需求。通过使用Vue.js框架,开发者可以利用其响应式和组件化的特点,轻松构建出动态的用户界面。结合...

    动态增加html表单(文本框)

    在描述中提到的动态增加文本框,这通常通过`&lt;input&gt;`标签来实现,类型设为`text`,例如: ```html &lt;input type="text" id="textBox1" name="textBox1"&gt; ``` 动态增加则意味着在运行时根据需要创建新的`&lt;input&gt;`...

    js输入关键词创建标签代码.zip

    在JavaScript(JS)编程中,创建动态标签是一种常见的需求,特别是在网页交互和用户界面设计中。"js输入关键词创建标签代码.zip" 提供了一个解决方案,它允许用户输入关键词,然后根据这些关键词自动生成对应的HTML...

    js输入关键词生成标签代码

    在JavaScript编程领域,"js输入关键词生成标签代码"是一个常见的功能,它允许用户根据输入的关键词自动生成标签,常用于个人技能展示、兴趣爱好表达或者数据分类等场景。这一功能结合了HTML、CSS和JavaScript的核心...

    jQuery Input文本框创建标签代码

    然后,我们需要在`js`目录下的文件(如`src/main.js`)中编写JavaScript代码来处理用户输入和生成标签。主要逻辑包括监听键盘事件、验证输入、创建新标签并将其添加到DOM中。以下是一个基本的实现: ```javascript ...

    JS实现动态生成表格并提交表格数据向后端

    在本文中,我们将探讨如何使用JavaScript(JS)动态生成表格,并将表格中的数据提交到后端服务器。动态生成表格是Web开发中常见的需求,特别是在需要用户输入数据并提交给服务器进行处理的场景中。掌握这一技能对于...

    js获取input标签的输入值实现代码

    在JavaScript中,获取HTML元素,特别是`input`标签的输入值是常见的操作,这在动态交互的网页应用中尤其重要。`input`标签通常用于收集用户输入的数据,如文本、日期、数字等。本示例将详细介绍如何通过JavaScript...

    已知一个<input />标签,如何不改变其层级的关系,用js或者加入class设置,在文本框的最右边加一个X,使之可以置空该input

    以上就是如何在不改变`&lt;input&gt;`标签层级关系的情况下,通过JavaScript和CSS在文本框最右边添加一个“X”图标并实现清空功能的完整步骤。这个解决方案既保留了原有的HTML结构,又提供了用户友好的交互体验。

    jQuery输入关键词生成标签.zip

    js输入关键词生成标签代码&lt;/title&gt; &lt;link href="css/style.css?3.1.64" rel="stylesheet"&gt; &lt;/head&gt; &lt;body&gt;[removed][removed] 你的技能 把你的10个技能标签加在你的个人资料上...

    Input XSS最新漏洞及利用

    这种漏洞通常发生在网站未能正确过滤或转义用户提供的数据,导致这些数据直接显示在生成的网页上。XSS攻击的主要目的是窃取用户敏感信息,如cookie,或者对用户进行钓鱼攻击。 在描述中提到的三种Input XSS漏洞检测...

    JavaScript获取并更改input标签name属性的方法

    总的来说,JavaScript提供了灵活的方式来处理`input`标签的`name`属性,这在构建动态和交互性强的网页应用时非常有用。了解和熟练运用这些方法,可以让你更好地控制表单元素的行为,提升用户体验。

    JSP中使用JavaScript动态插入删除输入框实现代码.docx

    JSP(Java Server Pages)是一种基于Java技术的服务器端脚本语言,主要用于生成动态网页内容。JavaScript则是一种客户端脚本语言,主要用于实现网页的交互功能。在本文中,我们将介绍如何在JSP中使用JavaScript实现...

    js+input日历控件

    这通常涉及监听`&lt;input&gt;`元素的事件(如`focus`,`change`),然后动态生成并插入HTML结构来显示日历。例如,可以创建一个`&lt;div&gt;`作为日历容器,并在用户点击输入框时显示。 3. **JavaScript库和框架** 许多...

    js自动校验之动态生成错误提示信息节点(复习下如何操作dom节点)

    这篇博客“js自动校验之动态生成错误提示信息节点”显然关注的就是这个主题,它会指导我们如何利用JavaScript来操作DOM,以便在用户输入不符合预期时,即时显示错误信息。 首先,我们要理解DOM的基本操作,包括创建...

Global site tag (gtag.js) - Google Analytics