如何设计登录表单 [英] How to design login form

问题描述

亲爱的朋友



当我上网时，我不明白如何设计这种登录表格。

例如： - 如果您访问网站www.codeproject.com他们是一个标题选项卡登录如果您点击登录然后另一个选项卡打开它包括用户名和密码。我想要这种类型的设计。

请尽快给我信息......



先谢谢了！

解决方案

< blockquote>这只是因为CSS效果。



包含所有登录控件的div默认隐藏，位于登录链接的正下方。



当鼠标悬停在登录链接时，它会作为一个框出现在链接下方，因为有一个z-index和opacity设置为该框。所以，它来自页面。



如果你想检查，那么只需查看该页面的来源并检查FireBug中的css和html，你就会知道如何确切地说它是实现的。



否则请查看此处。

Dear Friend

When i am surfing internet i does not understand how to design this type of login form.
for example:- If you are visit website www.codeproject.com their is one header tab sign in if you are click on sign in then another tab open its consists of User Name & Password.I want to this type of design.
Please give me information as soon as possible...

Thanks in advanced !!

解决方案

It is just due to css effects.

The div which contains all the login controls is hided by default and is present just below the "Sign in" link.

When you mouse hover to the "Sign in" link, it comes out below the link as a box because there is a z-index and opacity set to that box. So, it comes over the page.

If you want to check, then just view source of that page and check the css and html in FireBug and you will know how exactly it is implemented.

Else check here.

这篇关于如何设计登录表单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！