Selectorul submit

Selectorul :submit alege elementele de tip submit, care sunt butoane de trimitere a formularului. De obicei, selectorul :submit este aplicat butoanelor sau elementelor de input. Trebuie reținut că unele browsere percep elementul button ca având [type='submit'] implicit, în timp ce altele, dimpotrivă. Pentru a garanta funcționarea corectă specificați întotdeauna proprietatea type. Deoarece :submit nu face parte din specificația CSS, pentru a îmbunătăți performanța în browserele moderne este mai bine să folosiți în locul său [type='submit'].

Sintaxă

Așa alegem elementele de tip submit:

javascript$(':submit');

Exemplu

Să selectăm, conform teoriei menționate mai sus, toate elementele de tip submit, care sunt descendente ale elementelor td. Să le facem acestor td fundal verde și bordură roșie cu metoda css:

html<form>
  <table border="1" cellpadding="10" align="center">
    <tr><th>Element</th></tr>
    <tr><td><input type="button" value="button"></td></tr>
    <tr><td><input type="file"></td></tr>
    <tr><td><input type="password"></td></tr>
    <tr><td><button>button</button></td></tr>
    <tr><td><input type="reset"></td></tr>
    <tr><td><input type="submit"></td></tr>
    <tr><td><input type="radio" name="test"></td></tr>
    <tr><td><input type="checkbox"></td></tr>
    <tr><td><button type="submit">button</button></td></tr>
    <tr><td><input type="text"></td></tr>
  </table>   
</form>

javascript$('td:submit')
  .parent('td')
  .css({background: 'green', border: '2px red solid'})
  .end();

$('form').submit(function(event) {
  event.preventDefault(); // prevenim trimiterea formularului
});

Vedeți și