নিম্নলিখিত বাক্য গঠন-
<select required>
আসুন এখন
উদাহরণ
<!DOCTYPE html> <html> <body> <h1>Candidate Profile</h1> <p>Following are the details to be submitted by the candidate:</p> <h2>Educational Qualification</h2> <form action=""> <section> <h3>Graduation</h3> <select required> <option value="">None</option> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> </select> </section> <section> <h3>Postgraduation</h3> <select> <option value="mca">MCA</option> <option value="mcom">M.COM</option> <option value="mtech">M.TECH</option> <option value="msc">M.Sc</option> </select> </section><br> <input type="submit" value="Next"> </form> </body> </html>
এটি নিম্নলিখিত আউটপুট তৈরি করবে। আমরা প্রয়োজন অনুসারে ড্রপ-ডাউন তালিকা থেকে একটি আইটেম নির্বাচন করিনি, তাই নিম্নলিখিত সতর্কতাটি দৃশ্যমান হবে---
উপরের উদাহরণে, আমরা
<section> <h3>Graduation</h3> <select required> <option value="">None</option> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> </select> </section> <section> <h3>Postgraduation</h3> <select> <option value="mca">MCA</option> <option value="mcom">M.COM</option> <option value="mtech">M.TECH</option> <option value="msc">M.Sc</option> </select> </section>
প্রয়োজনীয় বৈশিষ্ট্য ব্যবহার করে ব্যবহারকারীদের দ্বারা বাধ্যতামূলকভাবে পূরণ করার জন্য আমরা তাদের মধ্যে একটি সেট করেছি, অন্যথায় ফর্মটি জমা হবে না—
<section> <h3>Graduation</h3> <select required> <option value="">None</option> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> </select> </section>