Create a Simple Popup Window HTML5 Dialog Tag

added by JavaScript Kicks
3/5/2015 4:24:00 PM


In this tutorial, We’ll see how easy it is to create dialogs using the tag. Modal dialogs (also known as dialog boxes) are pop-ups that open within your website or application. Pop-ups are used frequently on websites, such as a confirmation box asking you if you want to close a tab in a browser. These modal windows are some of the most common UI elements that we can find in websites. Oftentimes, we use jQuery plugins like jQuery UI Dialog, Twitter Bootstrap Modal, or Foundation Modals to create a dialog box. But recently, HTML5 has introduced a new tag called that allows us to create a native modal window in an easier way. The only thing to keep in mind, however, is that the tag is only supported by Google Chrome, Safari and Opera browsers. IE and Firefox still don’t support the tag.