Created
January 2, 2015 14:11
-
-
Save mrofi/14f8b8b44136242925c0 to your computer and use it in GitHub Desktop.
Bootstrap 3 CRUD Create Form
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<form action="/manager/user/add" class="form-horizontal" method="post"> | |
<div class="row"> | |
<div class="col-md-8"> | |
<div class="alert alert-danger alert-dismissable text-center hide"> | |
<i class="icon icon-exclamation-sign"></i> Gagal menyimpan. <span class="global-error"></span> | |
</div> | |
<div class="alert alert-success alert-dismissable text-center hide"> | |
<i class="icon icon-exclamation-sign"></i> Berhasil menyimpan | |
</div> | |
<div class="form-group"> | |
<label for="id_hero" class="col-md-3 label-control">ID Hero</label> | |
<div class="col-md-8"> | |
<input type="text" id="id_hero" name="id_hero" class="form-control" placeholder="ID Hero"> | |
<small><span class="error"></span></small> | |
</div> | |
</div> | |
<div class="form-group"> | |
<label for="password" class="col-md-3 label-control">Password</label> | |
<div class="col-md-8"> | |
<input type="password" id="password" name="password" class="form-control" placeholder="Password"> | |
<small><span class="error"></span></small> | |
</div> | |
</div> | |
<hr> | |
<div class="form-group"> | |
<label for="username" class="col-md-3 label-control">Username</label> | |
<div class="col-md-8"> | |
<input type="text" id="username" name="username" class="form-control" placeholder="Username"> | |
<small><span class="error"></span></small> | |
</div> | |
</div> | |
<div class="form-group"> | |
<label for="nama" class="col-md-3 label-control">Nama Lengkap</label> | |
<div class="col-md-8"> | |
<input type="text" id="nama" name="nama" class="form-control" placeholder="Nama Lengkap"> | |
<small><span class="error"></span></small> | |
</div> | |
</div> | |
<div class="form-group"> | |
<label for="alamat" class="col-md-3 label-control">Alamat Lengkap</label> | |
<div class="col-md-8"> | |
<textarea id="alamat" name="alamat" class="form-control" placeholder="Alamat Lengkap"></textarea> | |
<small><span class="error"></span></small> | |
</div> | |
</div> | |
<div class="form-group"> | |
<label for="no_hp" class="col-md-3 label-control">No. Handphone</label> | |
<div class="col-md-8"> | |
<input type="text" id="no_hp" name="no_hp" class="form-control" placeholder="No. Handphone"> | |
<small><span class="error"></span></small> | |
</div> | |
</div> | |
</div> | |
<div class="col-md-3 col-md-offset-1"> | |
<input type="hidden" name="photo" value=""> | |
<div class="fileupload fileupload-new" data-upload="fileupload"> | |
<div class="fileupload-new thumbnail"> | |
<img class="uploadPreview" src="" alt="" style="max-width: 100%;line-height: 20px;" /> | |
</div> | |
<div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 225px;line-height: 20px;"></div> | |
<div id="img-uploader" > | |
<span class="btn btn-white btn-file"> | |
<span class="fileupload-new"><i class="icon-paper-clip"></i> Select image</span> | |
<span class="fileupload-exists"><i class="icon-undo"></i> Change</span> | |
<input type="file" class="default" id="inputFileUpload" /> | |
</span> | |
<a href="javascript:;" class="btn btn-danger fileupload-exists" data-dismiss="fileupload"><i class="icon-trash"></i> Remove</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="row"> | |
<div class="col-md-12 text-center"> | |
<button type="submit" class="btn btn-info btn-lg">Simpan <i class="icon icon-spinner icon-spin hide"></i></button> | |
</div> | |
</div> | |
</form> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment