ফর্ম যাচাইকরণ
এই প্রবন্ধটি ফর্ম যাচাইকরণ ব্যাখ্যা করে।
এটি HTML-এ ফর্ম যাচাইকরণ ব্যাখ্যা করে।
YouTube Video
HTML ফর্ম যাচাইকরণ
HTML ফর্ম যাচাইকরনের ওভারভিউ
- HTML ফর্ম যাচাইকরণ একটি প্রক্রিয়া যা নিশ্চিত করে যে ব্যবহারকারী প্রেরণ করার আগে ডেটাটি নির্দিষ্ট শর্ত পূরণ করছে। এটি সার্ভার-সাইড ত্রুটি কমায় এবং ব্যবহারকারীর অভিজ্ঞতা উন্নত করে।
required অ্যাট্রিবিউট
1<form>
2 <label for="email">Email:</label>
3 <input type="email" id="email" required placeholder="Enter your email">
4 <button type="submit">Submit</button>
5</form>requiredঅ্যাট্রিবিউট নির্ধারণ করে যে ফর্ম জমা দেওয়ার আগে ইনপুট ফিল্ডগুলো পূরণ করতে হবে।
pattern অ্যাট্রিবিউট
1<form>
2 <label for="username">Username (letters and numbers only):</label>
3 <input type="text" id="username" name="username" pattern="[A-Za-z0-9]+" required>
4 <button type="submit">Submit</button>
5</form>patternঅ্যাট্রিবিউটটি নির্দিষ্ট একটি regex প্যাটার্নের সাথে ফর্ম ইনপুট মিলছে কিনা যাচাই করার জন্য ব্যবহৃত হয়। উদাহরণস্বরূপ, এটি পরীক্ষা করে ব্যবহারকারীর নাম শুধুমাত্র অক্ষর এবং সংখ্যা রয়েছে কিনা।
min এবং max অ্যাট্রিবিউট
1<form>
2 <label for="age">Age:</label>
3 <input type="number" id="age" name="age" min="18" max="99" placeholder="Enter your age">
4 <button type="submit">Submit</button>
5</form><min>এবং<max>অ্যাট্রিবিউট ইনপুট উপাদানের সর্বনিম্ন এবং সর্বাধিক মান নির্ধারণ করতে ব্যবহৃত হয়। এগুলো সাধারণতnumber,range, এবংdateএর মতো ইনপুট টাইপের সাথে ব্যবহৃত হয়।- এই উদাহরণে, আপনি 18 থেকে 99 এর মধ্যে একটি সংখ্যা প্রবেশ করতে পারেন।
minlength এবং maxlength অ্যাট্রিবিউট
1<form>
2 <label for="username">Username:</label>
3 <input type="text" id="username" name="username" minlength="4" maxlength="12" placeholder="4-12 characters">
4 <button type="submit">Submit</button>
5</form>minlengthঅ্যাট্রিবিউট ইনপুট ফিল্ডটির জন্য প্রয়োজনীয় অক্ষরের সর্বনিম্ন সংখ্যা নির্ধারণ করে, আরmaxlengthঅ্যাট্রিবিউট ইনপুটে অনুমোদিত অক্ষরের সর্বাধিক সংখ্যা সংজ্ঞায়িত করে।- এই উদাহরণে, আপনি ৪ থেকে ১২ অক্ষরের মধ্যে পাঠ্য ইনপুট করতে পারেন।
type="email" অ্যাট্রিবিউট
1<form>
2 <label for="email">Email:</label>
3 <input type="email" id="email" placeholder="Enter your email">
4 <button type="submit">Submit</button>
5</form>type="email"অ্যাট্রিবিউটটি নিশ্চিত করার জন্য ব্যবহার করা হয় যে ইনপুটটি বৈধ ইমেল ঠিকানা ফরমাটে আছে। এই অ্যাট্রিবিউটটি ইমেল ঠিকানা ইনপুট ক্ষেত্রের জন্য বিল্ট-ইন যাচাইকরণ ফাংশন সরবরাহ করে।
type="url" অ্যাট্রিবিউট
1<form>
2 <label for="website">Website:</label>
3 <input type="url" id="website" name="website" placeholder="https://example.com" required>
4 <button type="submit">Submit</button>
5</form><input type="url">একটি ইনপুট ক্ষেত্র প্রদান করে যা একটি সঠিক URL ফরমাট প্রয়োজন। ব্রাউজার স্বয়ংক্রিয়ভাবে পরীক্ষা করে যে ইনপুটটি একটি বৈধ URL কিনা।
আপনি আমাদের ইউটিউব চ্যানেলে ভিজ্যুয়াল স্টুডিও কোড ব্যবহার করে উপরের নিবন্ধটি অনুসরণ করতে পারেন। দয়া করে ইউটিউব চ্যানেলটিও দেখুন।