html网页输入文字 点击按钮弹出一个窗口

html网页输入文字点击按钮弹出一个窗口最好可以修改标题... html网页输入文字 点击按钮弹出一个窗口 最好可以修改标题 展开
 我来答
Camille_CR
2017-10-16 · TA获得超过7576个赞
知道大有可为答主
回答量:2370
采纳率:21%
帮助的人:662万
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>My Test Document</title>

<style>
.box{
width:50%; margin-top:10%; margin:auto; padding:28px;
height:350px; border:1px #111 solid;
display:none; /* 默认对话框隐藏 */
}
.box.show{display:block;}
.box .x{ font-size:18px; text-align:right; display:block;}
.box input{width:80%; font-size:18px; margin-top:18px;}
</style>
</head>
<body>

<h2>测试</h2>
<input type="button" onClick="msgbox(1)" value="点击弹出输入框">

<script>
function msgbox(n){
document.getElementById('inputbox').style.display=n?'block':'none'; /* 点击按钮打开/关闭 对话框 */
}
</script>

<div id='inputbox' class="box">
<a class='x' href=''; onclick="msgbox(0); return false;">关闭</a>
<input type="text">
<input type="text">
<input type="button" value="确定">
</div>
</body>
希望我的回答可以帮到您哦
TableDI
2024-07-18 广告
将图片放入Excel表格,可以按照以下步骤操作:1. 打开Excel文档,并定位到希望插入图片的单元格。2. 在Excel的菜单栏中,找到并点击“插入”选项卡。3. 在“插入”选项卡中,找到并点击“图片”或“图像”按钮。4. 在弹出的文件选... 点击进入详情页
本回答由TableDI提供
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式