Skip to content

Instantly share code, notes, and snippets.

@mrofi
Created January 2, 2015 14:11
Show Gist options
  • Save mrofi/14f8b8b44136242925c0 to your computer and use it in GitHub Desktop.
Save mrofi/14f8b8b44136242925c0 to your computer and use it in GitHub Desktop.
Bootstrap 3 CRUD Create Form
<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