Skip to content

Instantly share code, notes, and snippets.

@Niddeaw
Created December 1, 2022 23:07
Show Gist options
  • Save Niddeaw/62d51026d0abae207f8667c238993d00 to your computer and use it in GitHub Desktop.
Save Niddeaw/62d51026d0abae207f8667c238993d00 to your computer and use it in GitHub Desktop.
M-CSS Form Reset
<form>
<div class="input-field">
<label for="txt-field1" class="active">Field 1</label>
<input type="text" id="txt-field1" name="txt-field1" class="validate" value="value 1" />
</div>
<div class="input-field">
<label for="txt-field2">Field 2</label>
<input type="text" id="txt-field2" name="txt-field2" class="validate" value="" />
</div>
<div class="row center-align btn-controls">
<button class="btn waves-effect waves-gray btn-reset" type="reset" name="btn-reset">Reset<i class="mdi-content-clear right"></i></button>
</div>
</form>
$( document ).ready(function() {
});
<script src="//code.jquery.com/jquery-2.1.2.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/js/materialize.min.js"></script>
form {padding: 15px;}
div {padding: 5px 10px;}
<link href="//cdnjs.cloudflare.com/ajax/libs/materialize/0.96.1/css/materialize.min.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment