How to use AmazeUI to realize the effect of Modal input Box

In this article, the editor introduces in detail "how to use AmazeUI to achieve modal input box effect". The content is detailed, the steps are clear, and the details are handled properly. I hope this article "how to use AmazeUI to achieve modal input box effect" can help you solve your doubts.

The first is also the HTML layout:

Modal login login user name: Password: submit off

After that, the HTML script is associated with the following JavaScript.

For example, when the login button is pressed, the modal input box is displayed, and the JavaScript script is implemented as follows:

Function openModal () {$('# login') .modal ({onConfirm: function () {var username=document.getElementById ("username") .value; var password=document.getElementById ("password") .value Alert ("the user clicks submit, enters the user name:" + username+ ", password:" + password+ ", and then usually ajax submits the form");}, onCancel: function () {alert ("user clicked the close button");}}) } after reading this, the article "how to use AmazeUI to achieve modal input box effect" has been introduced. If you want to master the knowledge points of this article, you still need to practice and use it yourself. If you want to know more about related articles, please follow the industry information channel.