CSS - 像 Twitter 一样仅使用 CSS 来聚焦登录字段？

我已经发布了类似的问题 https://stackoverflow.com/questions/6275497/jquery-javascript-input-fields-user-pass-just-like-twitters-login并得到了一个有效的 jQuery 解决方案。现在我只想用 CSS/HTML 来做到这一点。我保存了推特的主页 https://twitter.com/本地并删除了所有js脚本，并注意到我想要实现的效果是使用CSS/HTML（当您单击用户名/传递值“用户名”/“密码”时，请保留在那里，直到您输入文本).

我是这些新的 CSS/HTML 效果的新手，在过去的几个小时里尝试复制它，但没有成功。

这是 Twitter 登录表单的 html：

<form action="#" class="signin" method="post">
      <fieldset class="textbox">
        <div class="holding username">
          <input type="text" id="username" value="" name="session[username_or_email]" title="Username or email" autocomplete="on">
          <span class="holder">Username</span>
        </div>
        <div class="holding password">
          <input type="password" id="password" value="" name="session[password]" title="Password">
          <span class="holder">Password</span>
        </div>
      </fieldset>
      <fieldset class="subchck">
  <label class="remember">
    <input type="checkbox" value="1" name="remember_me">
    <span>Remember me</span>
  </label>
  <button type="submit" class="submit button">Sign in</button>
</fieldset>

我查看了该网站的 CSS，但它有 10,000 行，而且非常复杂。 CSS 应该是什么样子？或者你能给我指出一个关于如何实现相同效果的教程吗？这让我发疯？

非常感谢， Cris

设置 HTMLautofocus http://dev.w3.org/html5/spec/Overview.html#autofocusing-a-form-control属性：

<input type="text" placeholder="Type here ..." autofocus="autofocus" />