add.html

<div id="page-header" class="ui page-header">
  <h1 class="text-center">Record An Expense</h1>
  <div id="saving"></div>
</div>
<form class="ui form">
  <div class="field" id="date-input">
    <label>Date</label>
    <input type="date" id="date" />
  </div>
  <div class="field" id="name-input">
    <label>Item Name</label>
    <input type="text" id="name" placeholder="Pizza" />
  </div>
  <div class="field">
    <label>Category</label>
    <div id="category-select" class="ui selection dropdown" tabindex="0">
      <div class="default text">Category</div>
      <i class="dropdown icon"></i>
      <input type="hidden" name="category-select" />
      <div class="menu transition hidden" tabindex="-1">
        <div class="item" data-value="food">Food</div>
        <div class="item" data-value="clothes">Clothing</div>
        <div class="item" data-value="traffic">Transportation</div>
        <div class="item" data-value="entertainment">Entertainment</div>
      </div>
    </div>
  </div>
  <div class="field" id="price-input">
    <label>Price</label>
    <input type="text" id="price" placeholder="200" />
  </div>
  <div class="field">
    <button class="ui blue button" type="button" id="submit">Record</button>
    <a onclick="callPage('home.html');">
      <button class="ui button" type="button">Back</button>
    </a>
  </div>
</form>