title: Autofocus remove
body: <p>I have a form and I want to do a focus css the problem is on password input I cant disable autofocus I tried everything, autofocus="off",autofocus="false" but didnd work I search other answers here in SO and none of them solve my problem</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>    * {
       margin : 0;
       padding : 0;
       border : 0;
      }
  
      body {
       background-color: #eee;
      }
  
      .form-login {
       width : 400px;
       height: auto;
       position : absolute;
       padding : 10px 25px;
       background-color: #ddd;
       left: 50%;
       top: 50%;
       transform: translateX(-50%) translateY(-50%);
       border: none;
       border-top-right-radius: 5px;
       border-top-left-radius: 5px;
      }
      .login-logo {
       width: 125px;
       height : 125px;
       position: relative;
       border-radius : 125px;
       background: #ddd;
       margin: 0 auto;
       margin-top: 20px;
      }
      .input {
       width: 100%;
       height: 50px;
       background:gray;
       position: relative;
       margin:15px auto;
      }
  
      input[type="text"],
      input[type="password"]{
       width:100%;
       height:50px;
       position: relative;
       outline :none;
       border:1px solid gray;
       border-radius: 3px;
       font-size:16px;
       font-family: 'Questrial',sans-serif;
       padding-left: 30px;
            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
                      -moz-box-sizing: border-box;    /* Firefox, other Gecko */
             box-sizing: border-box;         /* Opera/IE 8+ */
      }
      input[type="text"]:focus, input[type="password"]{
       border:2px solid #50C878;
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;section class="container"&gt;
   &lt;section class="form-login"&gt;
    &lt;section class="login-logo"&gt;
     &lt;img src="img/login-logo.png"&gt;
    &lt;/section&gt;
     &lt;form class="form" name="form" method="post" action="login-m.php"&gt;
      &lt;section class ="input"&gt;
       &lt;input type="text" name="utilizador" value="" placeholder="Insira o nome de utilizador"  required/&gt;&lt;br&gt;
       &lt;i class="fa fa-user"&gt;&lt;/i&gt;
      &lt;/section&gt;  
      &lt;section class ="input"&gt; 
       &lt;input type="password" name="palavrachave" value="" placeholder="Insira a sua palavra-chave" autofocus="off"  required/&gt;&lt;br&gt;
       &lt;i class="fa fa-lock"&gt;&lt;/i&gt;
      &lt;/section&gt;
      &lt;a href="#"&gt;Esqueceu a palavra-chave ?&lt;/a&gt;
      &lt;p&gt; Nome de Utilizador e/ou Palavra-chave incorreto(s)&lt;/p&gt;
      &lt;input type="submit" name ="entrar" value="Entrar"&gt;
     &lt;/form&gt;
   &lt;/section&gt;
  &lt;/section&gt;</code></pre>
  </div>
  </div>
  </p>