Reset-selektorn
Selektorn :reset väljer element med
typen reset, som är knappar för att återställa formulär.
Motsvarigheten till $(':reset') är
$('[type=reset]').
Eftersom :reset inte tillhör CSS-specifikationen,
är det bättre att använda
[type='reset'] för bättre prestanda i moderna
webbläsare.
Syntax
Så här väljer vi element med typen reset:
$(':reset');
Exempel
Låt oss välja alla inmatningsfält med typen reset och
ge dem en grön bakgrund och en röd ram med metoden
css:
<form>
<input type="button" value="button">
<input type="file">
<input type="password">
<button>button</button>
<input type="reset">
<input type="radio" name="test">
<input type="radio" name="test">
<input type="checkbox">
<input type="text">
</form>
<+javascript+>
$('input:reset').css({background: 'green', border: '2px red solid'});
$('form').submit(function(event) {
event.preventDefault(); // förhindrar formulärinsändning
});
<-javascript->
