Селектор submit

Селекторът :submit избира елементи от тип submit, които са бутони за изпращане на формуляр. Обикновено селекторът :submit се прилага към бутони или елементи за въвеждане. Трябва да се има предвид, че някои браузъри възприемат елемента button като имащ [type='submit'] имплицитно, докато други правят обратното. За гаранция на правилна работа винаги указвайте свойството type. Тъй като :submit не е част от CSS спецификацията, за подобряване на производителността в съвременните браузъри вместо него е по-добре да се приложи [type='submit'].

Синтаксис

Ето как избираме елементи от тип submit:

javascript$(':submit');

Пример

Нека, съгласно посочената по-горе теория, изберем всички елементи от тип submit, които са наследници на td елементи. Ще направим на тези td зелен фон и червена рамка с помощта на метода 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(); // предотвратява изпращането на формуляра
});

Вижте също