文本框-页面的按钮事件实现。

问题描述

页面的按钮事件实现。

用js,问一下大神,什么使添加按钮点击之后生成一个文本框。求具体实现谢谢。

解决方案

 <!DOCTYPE html>
<html>
<body>

<script>
function createInput(id){
  var ipt= document.createElement("input");
  ipt.type="text";
  ipt.name=id;
  ipt.id=id;
  ipt.value="";
  document.getElementById('divinput').appendChild(ipt);
}
var num=1;
function autoInput(){
   createInput(num);
   num++;
}
</script>

<button onclick='autoInput()'>生成文本框</button>
<div id='divinput'></div>
</body>
</html>

解决方案二:

function add(){
var html="<input type='text' value='item4' />";
$("#content").append(html);
}

当然 要先引入jQuery

时间: 2025-01-19 01:41:09

文本框-页面的按钮事件实现。的相关文章

在页面上放一个文本框和一个按钮,想文本框中输入内容点击按钮,读出输入的内容。发声的。可以听见的 谢谢。急急急急!!!!!!!!!!!!

问题描述 在页面上放一个文本框和一个按钮,想文本框中输入内容点击按钮,读出输入的内容.发声的.可以听见的谢谢.急急急急!!!!!!!!!!!!

利用CSS3实现文本框的清除按钮相关的一些效果

新技能传授-哔哔哔哔 search类型搜索框,设计师常常会设计一个叉叉图标,表示用户点之久可以清除输入的内容.比方说这个: 这是不错的体验! 当前现代浏览器中,Chrome浏览器下type=search的输入框会有清除按钮的动态呈现,不过搜索input框尺寸不太好控制(padding无视);FireFox浏览器貌似任何类型的输入框都无动于衷;IE10+浏览器貌似任何输入框都会出现清除按钮,但是长得略微粗糙了点,设计师同学接受不了. 貌似不和谐了,咋办?传授个新技能,借助HTML以及CSS,来模拟

91-jsp中,点击文本框后面显示删除按钮,点击其他文本框时删除按钮消失

问题描述 jsp中,点击文本框后面显示删除按钮,点击其他文本框时删除按钮消失 解决方案 好吧,楼主自己已经搞定了,本帖结束 解决方案二: 解决方案三: 解决方案四: 如第2张图所示,点击radio后的text按钮时(这里value初始值为男/女),在文本框后显示一个 删除按钮,点击删除按钮可以把整行都删除,这个已经实现. 当你点击下一个文本框时,上一个文本框的删除图标会消失/删除.你所点击的文本框后面会显示删除按钮(男的后面已经没有了,女的后面显示删除按钮) 当你再次点击男所在的文本框时,女的删

eclipse rcp中怎么为文本框绑定复合键事件

问题描述 eclipse rcp中怎么为文本框绑定复合键事件 在进行eclipse rcp程序开发时想为一个Text文本框,shift+a?

期刊,报纸, 电子书,博硕文章, 专题数据库,每个滑块下面有个下拉列表框选择数据库的名称,下拉列表框后面有个文本框,和按钮,如果处理第二个滑块(报纸)的下拉框该

问题描述 问题:有5个滑块:期刊,报纸,电子书,博硕文章,专题数据库,每个滑块下面有个下拉列表框选择数据库的名称,下拉列表框后面有个文本框,和按钮,如果处理第二个滑块(报纸)的下拉框该如何处理了?谢谢1.<divclass="searchMain"style="display:block;"><divclass="searchBorder"><asp:DropDownListID="DropDownList

html-给文本框添加一个聚焦事件,后边提示一行字怎么写

问题描述 给文本框添加一个聚焦事件,后边提示一行字怎么写 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/

jquery 文本框回车与change事件

  文本框的改变用change事件 要用bind,两个是有区别的,change只是在失去焦点的时候出发,很多时候不能满足需要.  代码如下   $('#flowfromid').bind("propertychange",function(){ //你的内容 }); 文本框回车事件  代码如下   $(document).ready(function () { $("#txt_JumpPager").keydown(function (e) { var curKey

C#WPF中文本框值改变触发事件

问题描述 wpf中,我用textchange不行,当输入只能输入一个值就出发了,值还没输完,比如我获取传感器值到文本框,去触发另一个事件,怎么实现,求大神指教,我试了好多方法都不行 解决方案 解决方案二:只有当失去焦点的时候,TextBox才"认为"是输入完毕了.解决方案三:有没有输完,是你自己决定的,输完的条件可以有多种,比如失去焦点解决方案四:当文本框值改变时,触发事件用什么方法

文本框中,回车键触发事件的js代码[多浏览器兼容]_javascript技巧

判断是否按下的为回车非常简单: 复制代码 代码如下: function EnterPress(){ if(event.keyCode == 13){ ... } } IE6的onkeypress会接受"回车事件",而onkeydown不会接受 IE8的onkeypress不会接受"回车事件",而onkeydown会接受 ...不用纠结于此,两个都写上吧 复制代码 代码如下: <input type="text" onkeypress=&qu