Reset-selector
Selectoren :reset vælger elementer med
typen reset, som er knapper til nulstilling af formularer.
Ækvivalenten til $(':reset') er
$('[type=reset]').
Da :reset ikke hører til CSS-specifikationen,
er det bedre at bruge
[type='reset'] i moderne browsere for at forbedre ydeevnen.
Syntaks
Sådan vælger vi elementer med typen reset:
$(':reset');
Eksempel
Lad os vælge alle input-felter med typen reset og
give dem en grøn baggrund og en rød ramme ved hjælp af 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(); // forhindrer afsendelse af formular
});
<-javascript->
