title: 'Required' attribute not working
body: <p>I recently created a web page for me to learn more about HTML, and I found the  <code>'required'</code> attribute. I added it to the fields, but it didn't do anything. </p>
  
  <p>Can anyone tell me my mistake for '<strong>required</strong>' attribute? </p>
  
  <p>I want it to say "Please fill this field" when the field is empty</p>
  
  <pre><code>&lt;html&gt;
          &lt;head&gt;
              &lt;link href="icon.ico" rel="icon"&gt;
              &lt;title&gt;Log In&lt;/title&gt;
          &lt;/head&gt;
          &lt;body&gt;
              &lt;h1 align="center"&gt;Welcome to site&lt;/h1&gt;
              &lt;hr width="50%"/&gt;
              &lt;br/&gt;
              &lt;table align="center"&gt;
                  &lt;form&gt;
                      &lt;tr&gt;
                          &lt;td&gt;Log In : &lt;/td&gt;
                          &lt;td&gt;&lt;input type="text" name="LogInEmail" placeholder="Enter your email" required&gt;&lt;/td&gt; &lt;/tr&gt;&lt;tr&gt;
                          &lt;td&gt;Password : &lt;/td&gt;
                          &lt;td&gt;&lt;input type="password" name="password" placeholder="Password" required&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/form&gt;
              &lt;/table&gt;
              &lt;br/&gt;
                  &lt;table align="center"&gt;
                      &lt;form&gt;
                      &lt;tr&gt;
                          &lt;td&gt;&lt;input type="submit" value="    Log In    "/&gt;&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/form&gt;
              &lt;/table&gt;
          &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>