html点击按钮显示弹出文本框

能否把详细代码告诉我，我做出反效果来了，

举报该问题

推荐答案 2015-08-04

HTML+CSSï¼

jQuery:

$(function(){
  $(".check").click(function(){
    $(".text").show();
  })
})

æ¥èªï¼æ±å©å¾å°çåç

温馨提示：答案为网友推荐，仅供参考

当前网址：http://88.wendadaohang.com/zd/MtaSgVSKa1VVMtMcaVB.html

其他回答

第1个回答 2015-08-04

1、使用jQuery显示出隐藏的文本框

$(function(){
    $("#按钮id").click(function(){//按钮绑定点击事件
        $("#文本框id").show();//文本框显示出来  注：之前设置display:none的样式
    });
});

2、使用jQuery新添加文本框

$(function(){
    $("#按钮id").click(function(){//按钮绑定点击事件
        var txt=$("<input type='text' id='txt1'></input>");//创建文本框对象
        $("#id").append(txt);//将对象添加至网页   $("#id")是文本框的上一级
    });
});

第2个回答 2015-12-09

见下方代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style>

p{ margin:0; padding:0;}

.login-put {

clear: both;

line-height: 36px;

margin-bottom: 20px;

overflow: hidden;

width: 500px;

}

.login-put label {

color: #8c8686;

float: left;

font-size: 14px;

height: 36px;

line-height: 36px;

text-align: right;

width: 120px;

}

#form1{ float:left; width:320px}

#form1 label {

float: left;

text-align: left;

width: 80px;

}

input {

cursor: pointer;

vertical-align: middle;

}

.login-put #div1 {

padding-left: 120px;

}

.login-put #div1 input {

border: 1px solid #dddddd;

color: #999999;

float: left;

height: 36px;

line-height: 36px;

margin-right: 10px;

padding: 0 5px;

width: 190px;

}

</style>

</head>

<body>

<div class="login-put"><label>推荐人：</label>

<form id="form1" name="form1" method="post" action="">

<p>

<label>

<script type="text/javascript">

function show()

{

var value = document.getElementById("div1").style.display;

if(value=="none")

{

document.getElementById("div1").style.display="block";

}

else

document.getElementById("div1").style.display="none";

}

</script>

<input type="radio" name="RadioGroup1" value="单选" onClick="show()"/>

<span class="recommend">有</span></label>

<label>

<input type="radio" name="RadioGroup1" value="单选" />

<span class="recommend">无</span></label>

<br />

</p>

</form>

<div id="div1" style="display:none"><input class="text01" name="" type="text" /></div>

</div>

</body>

</html>

相似回答

html点按钮弹出有文本框的对话框答：首先你需要先做个有文本框的对话框，定位到想要显示的位置，然后把他隐藏（display:none），点击相应的按钮让他显示就行了。("botton").click(function(){ $("div").show();})

html点击按钮显示弹出文本框答：HTML+CSS：<input type="button" class="check" /><input type="text" class="text" style="display:none;" />jQuery:(function(){ $(".check").click(function(){ $(".text").show(); })})这个不行吗？这还不够详细啊？那还怎么详细？我总不能把你的网页都给你写了吧？再...

html怎么实现单击按钮后打开文本框输入的链接?答：1.form表单提交，将form的action值重新赋值 let inputVal = document.querySelector("input[type='text']").value;let href1 = "http://oadi.link/" + inputVal ;document.querySelector('form ').action = href1 ;2. 不用form表单提交，用a标签的href来实现吧 let A = document.createElem...

html我点一个按钮,显示出来的是文本框,我移开鼠标又不显示,请问这个怎 ...答：我就看到你这个问题就三次了，不是用area做的，是用js做的。html+css：<input type="button" class="check" /><input type="text" class="text" style="display:none;" />jQuery：(function(){ $(".check").click(function(){ $(".text").show(); })})

动态在HTML页面上添加文本框首先在页面上提供一个按钮当用户每点击该...答：<script> function a(){ ha=document.getElementById("haha"); b=document.getElementById("txt"); num=b.value;for(var i=0;i<num;i++){aDiv=document.createElement("div"); var node=document.createTextNode("这是第"+(i+1)+"个新的DIV");aDiv.appendChild(node);ha.append...

HTML网页,点击回复后出现浮动的文本框,像下面那样,应该怎么做?_百度...答：说说实现原理，先让编辑框显示 ，并且定位定好，然后让他隐藏，当点击回复时显示就好了，点确定再隐藏代码：<!doctype html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> btn1{width: 80px; height: 40px; line-height: 40px...

HTML弹出提示框--提示文本框内容答：打开dw，选择新建一个HTML的页面。在新建的页面中，在代码body中添加内容。在里面写上一个文本框，在文本框中写上文字“这是文本框的内容”。然后ctrl+s保存到别的地方去，或者另保存到桌面也可以。保存好了，双击这个wenben.html用默认浏览器打开。可以看到我们写好的文本框在浏览器中了。在文本后面...

用jQuery如何单击一个按钮然后显示一个文本框出来答：$(document).ready(function () { $(".btn").click(function () { var html = $("<input type='button' id='testBtn'>"); $(html).val($("#wenben").val()); $(".main").append(html); });

大家正在搜

html点击按钮弹出对话框 html点击按钮弹出div html点击按钮弹出表单 html点击按钮弹出小窗口 html点击按钮出现弹窗 html为按钮添加弹出框 html5点击按钮弹窗点击按钮弹出输入框 html按钮弹出筐子