সাবমিট সিলেক্টর

: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(); // ফর্ম সাবমিট হতে বাধা দেয়
});

আরও দেখুন