如何使用文本框打开javascript弹出窗口
提问于 2016-11-14 04:52:52
我有一个任务，在我的项目，这是打开弹出到javascript的html，只有超链接，每当点击链接，然后打开弹出窗口和文本框内
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Demo</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="somnath.js" type="text/javascript"></script>
</head>
<body>
<a href="#" id="somnath"> Click Here Me</a>
</body>
</htm
回答 3
Stack Overflow用户
发布于 2016-11-14 04:57:05
你在找这个吗？
function pop() {
prompt("Enter something!", "Text");
}<button onclick="pop()">Click</button>
已更新
看看这个
function pop() {
var popup = document.getElementById('myPopup');
popup.classList.toggle('show');
}.popup {
display: inline-block;
}
.popup .popuptext {
visibility: hidden;
width: 160px;
background-color: #b1b1b1;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 20px;
position:relative;
top:50px;
right:150px;
}
.popup .show {
visibility: visible;
-webkit-animation: fadeIn 1s;
animation: fadeIn 1s;
}<div style="text-align:center;">
<a href="#" onclick="pop()">Click</a>
<div class="popup">
<span class="popuptext" id="myPopup">
Enter your name: <input type="text" />
</span>
</div>
</div>
Stack Overflow用户
发布于 2016-11-14 05:22:14
您的HTML文件应该是这样的，
<html>
<head>
<title>JavaScript Demo</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="somnath.js" type="text/javascript"></script>
</head>
<body>
<button onclick="myFunction()">Click Here</button>
</body>
</html>并且应该有一个名为somnath.js和content的js文件。
function myFunction() {
prompt("You can enter your text below", "Text");
}Stack Overflow用户
发布于 2016-11-14 05:54:53
这是一个用javascript编写的小模型。这需要jQuery
$(document).ready(function() {
$('#emailModal').dialog({
modal: true,
autoOpen: false,
title: "Enter your information",
buttons: {
"Send": function() {
$('#emailPost2').submit();
$(this).dialog("close");
}
}
});
// Show the modal form when clicked.
$('#emailJQButton').click(function() {
$("#emailModal").dialog('open');
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40582066
复制
腾讯云开发者
