Category Archives: HTML

SEO OpenGraph tags

og:title –


<meta property="og:title" content="W3 Mind's awesome blog"/>

og:type –


<meta property="og:type" content="W3 articles"/>

og:image –


<meta property="og:image" content="http://w3mind.com/wp-content/themes/w3-mind/images/w3.jpg"/>

og:url –


<meta property="og:url" content="http://w3mind.com"/>

og:description –


<meta property="og:description" content="W3 Mind focuses on Blogging"/>

HTML5 Input Text Field Validation


<form>
  <ul>  
    <li>
      <label>First Name</label>
      <input type="text" placeholder="Enter Your First Name" name="name" required>
    </li>
    <li>
      <label>Last Name</label>
      <input type="text" placeholder="Enter Your Last Name" name="name" required>
    </li>
    <li>
      <label>Email Address</label>
      <input type="email" placeholder="Eg. info@example.com" name="email" required>
    </li>
    <li>
      <label>Phone Number</label>
      <input type="tel" placeholder="Enter Phone Number" name="phone" required>
    </li>
    <li>
      <label>Password</label>
      <input type="password" placeholder="Enter Password" name="password" required>
    </li>
    <li>
      <label>Gender (Optional)</label>
      <input type="radio" name="gender" id="male">
      <label for="male">Male</label>
      <input type="radio" name="gender" id="female">
      <label for="female">Female</label>
    <li>
    <li>
      <label>Age</label>
      <input type="number" value="18" max="99" min="18" name="age" size="6" required>
    </li>
    <li>
      <label> </label>
      <input type="checkbox" name="terms" size="6" required>
      I have read & agree to the terms and conditions </li>
    <li>
      <label> </label>
      <button type="submit">Sign up</button>
    </li>
</ul>
  </form>

Example:

  • I have read & agree to the terms and conditions