ইনপুট সিলেক্টর
সিলেক্টর :input ফর্ম নিয়ন্ত্রণ উপাদানগুলি নির্বাচন করে
- ইনপুট, টেক্সটএরিয়া, ড্রপ-ডাউন তালিকা এবং
বাটন। দেখুন ট্যাগগুলি:
input,
textarea,
button,
select।
যেহেতু :input CSS স্পেসিফিকেশনের অন্তর্ভুক্ত নয়,
তাই আধুনিক ব্রাউজারে উন্নত কর্মক্ষমতার জন্য
বেশি ভাল হবে প্রথমে খাঁটি CSS-সিলেক্টর ব্যবহার করে
উপাদানগুলি ফিল্টার করা, এবং তারপর
.filter(':input') প্রয়োগ করা।
সিনট্যাক্স
এইভাবে আমরা ফর্ম নিয়ন্ত্রণ উপাদানগুলি নির্বাচন করি:
$(':input');
উদাহরণ
চলুন, উপরে উল্লিখিত তত্ত্ব অনুসারে,
সমস্ত ফর্ম নিয়ন্ত্রণ উপাদান নির্বাচন করি এবং
কনসোলে তাদের সংখ্যা আউটপুট করি,
length বৈশিষ্ট্য ব্যবহার করে। আমরা
দেখব যে সেখানে সমস্ত 13 ট্যাগ অন্তর্ভুক্ত হয়েছে:
<form>
<input type="button" value="button">
<input type="checkbox">
<input type="file">
<input type="hidden">
<input type="image">
<input type="password">
<input type="radio">
<input type="reset">
<input type="submit">
<input type="text">
<select>
<option>option</option>
</select>
<textarea></textarea>
<button>button</button>
</form>
textarea {
height: 25px;
}
let allInputs = $(':input');
console.log('Tags amount: ' + allInputs.length);
$('form').submit(function(event) {
event.preventDefault(); // ফর্ম জমা দেওয়া প্রতিরোধ করে
});
