LarrySul

<input 
        type="text"
        list="direction-data"
        placeholder="directional preference"
        required
  />

  <datalist id="direction-data">
      <option value="North"></option>
      <option value="South"></option>

LarrySul

 <input 
        type="range"
        min="0" 
        max="100"
        step="10"
        value="30"
/>

LarrySul

 <input 
        type="url"
        placeholder="web address"
/>

LarrySul

 <input
        type="tel"
        placeholder="phone number"
        required
    />

LarrySul

<input 
        type="email"
        placeholder="email address"
        required
/>
<!-- Pattern attribute can also be adopted here but its believed that the browser will do a better validation of email address  -->

LarrySul

<input 
        type="text"
        placeholder="first and last name"
        required
        pattern="(.*)\s(.*)"
/>
    
<input 
        type="text"
        placeholder="username"

LarrySul

<form>
    <input type="search"
        placeholder="search"
        autofocus
    />
</form>

LarrySul

<form>

    .
      form elements
    .
  
</form>

LarrySul

var person = {
  firstName: "John",
  lastName : "Doe",
  id       : 5566,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  },
  exam : function () {
    return 'I have exam on Monday';

LarrySul

var person = new Object();
person.firstName = "Amatare";
person.lastName = "Kripsy";
person.age = 25;
person.maritalStatus = "Dating";