
Kaynak
https://github.com/kodusta/shopier/c...author=kodusta
Form
<form action="shopierAPI22.php" method="post" role="form" enctype="multipart/form-data">
<div class="form-wizard-header">
<p>3 adımda <strong>biyometrik fotoğraf</strong></p>
<ul class="list-unstyled form-wizard-steps clearfix">
<li class="active"><span>1</span></li>
<li><span>2</span></li>
<li><span>3</span></li>
</ul>
</div>
<fieldset class="wizard-fieldset show">
<div class="form-group text-center">
<div class="col-sm-4 imgUp m-auto">
<div class="imagePreview"></div>
<label class="btn btn-primary">
Yükle<input type="file" class="uploadFile img wizard-required" value="Upload" style="width: 0px;height: 0px;overflow: hidden;" name="photo" required>
</label>
</div><!-- col-2 -->
</div>
<div class="form-group clearfix">
<a href="javascript:;" class="form-wizard-next-btn float-right">İleri</a>
</div>
</fieldset>
<fieldset class="wizard-fieldset">
<h5>Sizinle iletişime geçebilmek için alanları eksiksiz doldurunuz</h5>
<div class="form-group">
<input type="text" class="form-control wizard-required" id="fname" name="fname">
<label for="fname" class="wizard-form-text-label">Ad*</label>
<div class="wizard-form-error"></div>
</div>
<div class="form-group">
<input type="text" class="form-control wizard-required" id="lname" name="lname">
<label for="lname" class="wizard-form-text-label">Soyad*</label>
<div class="wizard-form-error"></div>
</div>
<div class="form-group">
<input type="text" class="form-control wizard-required" id="tel" name="tel">
<label for="tel" class="wizard-form-text-label" type="number">Telefon Numarası*</label>
<div class="wizard-form-error"></div>
</div>
<div class="form-group">
<input type="text" class="form-control wizard-required" id="mail" name="mail">
<label for="mail" class="wizard-form-text-label">E-posta*</label>
<div class="wizard-form-error"></div>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="form-group">
<select class="form-control" id="amount-select" name="amount-select">
<option value="Adet">Adet</option>
<option value="1">1 Adet</option>
<option value="2">2 Adet</option>
<option value="4">4 Adet</option>
<option value="6">6 Adet</option>
<option value="8">8 Adet</option>
</select>
</div>
</div>
<div class="amount-price col-lg-8 col-md-8 col-sm-8">
<div class="text-warning" style="display:block;">Lütfen Adet Seçiniz!</div>
<div class="1piece">15TL</div>
<div class="2piece">30TL</div>
<div class="4piece">60TL</div>
<div class="6piece">90TL</div>
<div class="8piece">120TL</div>
</div>
</div>
<div class="form-group clearfix">
<a href="javascript:;" class="form-wizard-previous-btn float-left">Geri</a>
<a href="javascript:;" class="form-wizard-next-btn float-right">İleri</a>
</div>
</fieldset>
<fieldset class="wizard-fieldset">
<h5>Siparişinizi onaylıyor musunuz?</h5>
<div class="form-group">
Adet
<input type="text" disabled class="form-control wizard-required" id="pieceval" value="">
<div class="wizard-form-error"></div>
</div>
<div class="form-group">
Fiyat
<input type="text" disabled class="form-control wizard-required" id="amountval" >
</div>
<div class="form-group clearfix">
<a href="javascript:;" class="form-wizard-previous-btn float-left">Geri</a>
<button type="submit">Onaylıyorum</button>
</div>
</fieldset>
</form>