blocks|key|2068621|text|我只在web应用程序上使用Modal窗口来处理简单的问题或需要用户全神贯注的操作，这就是Modal的用途，以便“忘记背景”，专注于应用程序的要求……|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2068622|示例：|2068623|“已达到允许的最大贷款上限，是否确实要将此新贷款发送给客户端？”|2068624|例如，选择用于发送电子邮件的前置文本(可用于右转主题和正文文本或选择要发送给客户端的预定义主题/正文的模式窗口...|2068625|类似这样的东西:)|2068626|我做了很多金融web应用程序，从用户输入所有财务数据的网站到发送PDF格式的合同，只需点击几下即可，这些都是我使用模式窗口的操作。|2068627|希望能有所帮助|2068628|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|S|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|T|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|U|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|V|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|O|$]]

I only use Modal windows on web apps for simple questions or actions that require the user full concentration, that is what Modal is for, to "forget the background" and concentrate in what the applications is asking...

examples:

"The maximum loan allowed was reached to a limit, are you sure do you want to send this new loan to the client?"

selecting a pre-text for sending an email for example (a modal windows that can be used to right subject and body text or select a pre defined subject/body to send to a client...

stuff like that :)

I do a lot of Finance web apps that works from the website where the user enters all the finance data to the sending of the contracts by PDF completed filled in just some clicks, and those are the actions where I use modal windows.

hope it helps

blocks|key|2068678|text|37Signals在modals+here上有一个有趣的帖子。他们谈到使用模态来通过屏幕大小来表示重要性，在这种情况下，模态覆盖还不够重要，不需要导航到新页面。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2068679|entityMap|0|LINK|mutability|MUTABLE|url|http://www.37signals.com/svn/posts/1149-modal-overlays-beyond-the-dialog-box^0|H|4|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

37Signals has an interesting post on modals <a href="http://www.37signals.com/svn/posts/1149-modal-overlays-beyond-the-dialog-box" rel="nofollow noreferrer">here</a>. They talk about using modals to indicate importance through screen size, where the modal overlay isn't important enough to necessitate navigating to a new page.

blocks|key|1854892|text|我经常在web应用程序中使用模式窗口来显示数据输入屏幕。例如，用户将有一个列表或搜索结果屏幕，并可以单击一条记录以在模式窗口中打开它进行编辑。我不太喜欢在网站中使用模式窗口，因为我更喜欢一种稍微不那么“应用”的感觉。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1854893|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I quite commonly use modal windows in web apps for data entry screens. For example the user will have a list or search results screen and can click on a record to open it up in a modal window to edit. I don't use modal windows as much in web sites as I prefer a slightly less 'application' like feel for a site.

blocks|key|2068894|text|似乎很多人把模式窗口和分层面板搞混了。对话框可以是模式窗口，弹出窗口可以是模式窗口。分层面板不是窗口，但具有弹出窗口或对话框的外观。从底层不可用的意义上讲，它是模态的。模式窗口在网站上很流行，因为它们不受弹出窗口阻止程序的影响。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2068895|模式窗口旨在获取基础应用程序继续运行所需的信息或用户操作。非模式窗口允许用户在窗口和底层应用程序之间来回切换。非模式窗口的一个很好的用途可能是屏幕帮助或教程，其中用户需要一个参考工具和对底层应用程序的访问。|2068896|IMHO，模式窗口是为狭义的特定目的而设计的，现在很多时候都是不适当的使用。仅仅因为你能做某事并不意味着你应该！：-)|2068897|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

It seems as though many confuse modal window with a layered panel. A dialog box can be a modal window and a pop-up is a modal window. A layered panel is not a window, but has the appearance of a pop-up or dialog box. It is modal in the sense that the underlying layers are unavailable. Modal window are popular on web sites because they are immune to pop-up blockers.

Modal windows were designed to obtain information or user action that the underlying application requires to continue. Non-modal windows allow the user to switch back and forth between the window and the underlying application. A good use for a non-modal window might be screen help or a tutorial, where the user needs a reference tool and access to the underlying application.

IMHO, modal windows were designed for a narrow specific purpose and are used inappropriately a lot of the time now. Just because you can do something doesn't mean you should!:-)

Are <a href="http://jquery.com/demo/thickbox/" rel="noreferrer">modal windows/dialogs</a> considered a good practice for websites? One of the things that concerns me about using a modal window is that it is so much like a pop-up window and it could cause user frustration or cause users to simply close it because it's intrusive. Do you know of any studies that talk about user preferences and use rates? 

Are there any accessibility issues beyond having the a modal window link load the content in a new page when JavaScript is turned off? Do you like sites or web apps that use modal windows? Why or why not? What are good and bad practices for implementing modal windows? I know modals are probably most often used when displaying pictures or galleries, but what are some other practical use cases? Do you use them on your site and what lead you to your decision?

Are modal dialogs a good practice for the web?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

被认为是网站的良好实践吗？使用模式窗口让我担心的一件事是，它非常像一个弹出窗口，它可能会让用户感到沮丧，或者因为它具有侵入性而导致用户简单地关闭它。你知道有什么关于用户偏好和使用率的研究吗？除了在JavaScript关闭时让模式窗口链接加载新页面中的内容之外，还有什么可访问性问题吗？您是否喜欢使用模式窗口的网站或web...

问模式对话框对于web来说是一个很好的实践吗？
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问模式对话框对于web来说是一个很好的实践吗？EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问模式对话框对于web来说是一个很好的实践吗？
EN