有网友碰到这样的问题“html点击按钮弹出输入框(html单击按钮弹出消息框)”。小编为您整理了以下解决方案，希望对您有帮助：
解决方案1：
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、首先打开html编辑器，新建一个html文件，例如：index.html。
2、世或在index.html中的body标签中，输入以下html代码：
inputtype="text"placeholder="请输入账号"/
inputtype="password"placeholder="请输入密码"/
3、浏览器运行index.html页面，此时的输入框有了提示文字“请输入账号”，密搭返祥码框有了提示知搏文字“请输入密码”。
在HTML中怎么点击一个按钮能弹出一个选项框【1】其中btnid为按钮的ID
psd为用户的密码（用户以前的雀念唤密码)
document.getElementById(btnid).onclick=function(){
varpassword=prompt("请输入您的密顷凯码","********");
if(password!=nullpassword==psd){
alert('输入成功！');
}
};
【2】inputtype="button"高戚value="弹出窗口"onclick="javascript:window.open("test.html")"
html网页输入文字点击按钮弹出一个窗口!doctypehtml
html
head
metacharset="utf-8"
titleMyTestDocument/title
style
.box{
width:50%;margin-top:10%;margin:auto;padding:28px;
height:350px;border:1px#111solid;
display:none;/*默认对话框隐藏*/
}
.box.show{display:block;}
.box.x{font-size:18px;text-align:right;display:block;}
.boxinput{width:80%;font-size:18px;margin-top:18px;}
/style
/head
body
h2测弊颤改试/h2
inputtype="button"onClick="msgbox(1)"value="点击弹出输入框"
script
functionmsgbox(n){
document.getElementById('inputbox').style.display=n?'block':'none';/*点租判击按钮打开/关闭对话框*/
}
/script
divid='inputbox'class="box"
洞哗aclass='x'href='';onclick="msgbox(0);returnfalse;"关闭/a
inputtype="text"
inputtype="text"
inputtype="button"value="确定"
/div
/body
希望我的回答可以帮到您哦