javascript - 仅使用 html/css/javascript 的下拉登录菜单

Question

<分区>

Answer 1

这是一个使用 HTML/CSS 结合悬停效果的下拉菜单。

这是一个工作示例:http://jsfiddle.net/rhxxyky8/10/

它使用以下形式的列表:

<div id='dropdown'>
    <ul>
          <li class='detail'><a href='#'><span>Test 1</span></a>
          <ul>
              <li><input type="text" placeholder="Username"></input></li>
              <li><input type="password" placeholder="Password"></input></li>
              <li><input type="submit"></input><input type="reset"></input></li>              
          </ul>
          </li>
    </ul>
</div>

如果没有任何可遵循的工作原理或图表，您的要求很难复制。

这可能是最简单的方法之一，但不包括 javascript，因此有人会争辩说，如果您需要这些结果，它会更有效。

至于如何在没有 SQL 或 PHP 等的情况下登录，目前我还不清楚。