JSFiddle - React, Tailwind, and code Playground

by Chan Wu

HTML

年分
<select>
<option>2014</option>
<option>2015</option>
</select>
<br><br>
月份
<select>
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
<option value="">4</option>
<option value="">5</option>
<option value="">6</option>
<option value="">7</option>
<option value="">8</option>
<option value="">9</option>
<option value="">10</option>
<option value="">11</option>
<option value="">12</option>
</select>
<br><br>
<select name="area" id="area" aria-invalid="false" class="valid">
<option value="north">北部</option>
<option value="middle">中部</option>
<option value="south">南部</option>
<option value="east">東部</option>
</select>
<br><br>
<select name="memorial_tower_category_id" id="memorial_tower_category_id" required="" aria-required="true" aria-invalid="false" class="valid">
<option value="1">個人位</option>
<option value="2">夫妻位</option>
<option value="3">四人位</option>
<option value="4">八人家族位</option>
<option value="5">十二人家族位</option>
<option value="6">十六人家族</option>
<option value="7">平面式火化土葬區</option>
<option value="8">神祖牌位</option>
<option value="9">壁面式火化位</option>
<option value="10">骨甕位</option>
<option value="11">土葬區</option>
<option value="12">特殊型</option>
</select>（全部）
<br><br>
<input type="number">價格