The prompt dialog box that comes with javascript is not very beautiful. If you use a custom dialog box, you will have more control over the style, below we will share with you the Jquery custom pop-up window in project development. If we use the prompt dialog box that comes with javascript, it will not feel very beautiful, so we usually define some dialogs by ourselves, here, I click the button to pop up a login window. Click this window and you can drag and drop the window. Too much text is unclear and you can directly use the code to speak.
Here I paste the HTML, CSS, and Jquery Code separately.
HTML section:
The Code is as follows:
Pop-up window
Login to tenghu pass
×
Enter User Name
|
Enter Password
|
| Next Automatic Login |
Forgot password? |
|
| Register now |
You can log on using the following method:
Part of the CSS code:
The Code is as follows:
Jquery code:
The Code is as follows:
