Member Avatar for keval_hack

I am developing a site. i want to add Login Dialog box same as below site

www.unigo.com

-See Login Dialog Box Of This site.

Can any one help me what i have to do for develop this type of popup Dialog box

  • 3 Contributors
  • 3 Replies
  • 92 Views
  • 1 Week Discussion Span
  • Latest Post Latest Post by Member #334542

Dani AI

Generated

A short, practical follow-up to ’s question. pointed the thread toward rendering the login HTML into a popup; shared a search pointer. Below are concrete, modern points to implement a robust login dialog (accessibility, keyboard behavior, progressive enhancement and security), plus a tiny scaffold you can drop in and adapt.

Keep these priorities in mind when you build it: make the dialog reachable by keyboard, trap focus while it is open and restore focus to the opener when it closes, provide a visible heading and programmatic label, expose errors with an ARIA live region, avoid auto-submitting or losing focus on validation errors, and always offer a full-page fallback login for users with JavaScript turned off.

<div id="loginDialog" role="dialog" aria-modal="true" aria-labelledby="loginTitle" hidden>
  <h2 id="loginTitle">Sign in</h2>
  <form action="/login" method="post" autocomplete="on">
    <label for="email">Email</label>
    <input id="email" name="email" type="email" required />
    <label for="password">Password</label>
    <input id="password" name="password" type="password" required />
    <button type="submit">Sign in</button>
  </form>
</div>

Also: always use HTTPS, validate credentials server-side, include CSRF protection, rate-limit attempts, and avoid placing credentials in URLs. Test with keyboard only and a screen reader. For implementation details and required keyboard/ARIA behavior, see the WAI-ARIA dialog pattern (WAI-ARIA practices) and usability notes on modal dialogs ().

Recommended Answers

All 3 Replies

Member Avatar for Member #334542

They simply designed the forms in html and call that html in a "Light Box". Try the keyword light box in google, sure you come to know about lightbox and develop a sample login dialog.

Member Avatar for Ozzzo

Hello! This is what Google told me:) - read me

Hope this willhelp you
Oz.

Member Avatar for Member #334542

Hey Ozzzo, try to give some of the solution, don't replicate what I was said?

keval_hack is not a baby, he can know how to type it in google, go thru some of the links and give the correct direction for him. I hope you understand friend.

Cheers

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.