首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >包含2个文本字段的提示框

包含2个文本字段的提示框
EN

Stack Overflow用户
提问于 2012-12-22 18:47:39
回答 3查看 5.2K关注 0票数 0

我正在尝试做一个社交网站。我需要创建一个pop up window(可能是提示框),当用户点击create message button.The弹出窗口应该包含2个文本字段就像脸书消息弹出window.First一个收件人的名字和第二个消息。我已经搜索了很多,但没有得到正确的。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2012-12-22 19:04:30

请看我做的小提琴样例,做必要的调整并使用它。

代码语言:javascript
运行
复制
$("p").click(function () {
   $("<div class='popup'></div>").html('<input type="text" /><br /><input type="text" />').appendTo("body");
});​

这是它的样例小提琴。

http://jsfiddle.net/zsfE3/9/

希望能有所帮助

票数 2
EN

Stack Overflow用户

发布于 2012-12-22 18:54:05

没有简单的原生方法来创建自定义的多字段输入。prompt提供了一个几乎但不完全的解决方案。

因此,您需要编写脚本来生成这个与DOM的接口。像jQuery UI这样的库提供了通用的方法来创建像这样的精心设计的UI组件。

他们的对话框元素的modal form实例可能会有所帮助。

票数 1
EN

Stack Overflow用户

发布于 2012-12-22 18:54:21

您可以实现自己的弹出窗口,并为其提供您想要的任何功能。一个不错的技术是在页面<body>标记的末尾放置一个div元素。为其指定绝对位置和最高z索引,并将display设置为none。

您将弹出窗口内容放在此元素中,当您想要显示弹出窗口时,将包装器div设置为阻止显示。

Here is a quick demo

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14002148

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档