HTML Id Attribute

HTML আইডি অ্যাট্রিবিউট

আইডি অ্যাট্রিবিউটটি এইচটিএমএল ডকুমেন্টের একটি উপাদানের জন্য অনন্য আইডি নির্দিষ্ট করতে ব্যবহৃত হয়। এটি একটি অনন্য শনাক্তকারী বরাদ্দ করে যা CSS এবং JavaScript দ্বারা নির্দিষ্ট কাজ সম্পাদনের জন্য ব্যবহৃত হয়।

দ্রষ্টব্য: ক্যাসকেডিং স্টাইল শীটে (সিএসএস), আমরা সহজেই আইডি অনুসরণ করে # চিহ্ন ব্যবহার করে নির্দিষ্ট আইডি সহ একটি উপাদান নির্বাচন করতে পারি।

দ্রষ্টব্য: JavaScript getElementById() পদ্ধতি ব্যবহার করে প্রদত্ত আইডি সহ একটি উপাদান অ্যাক্সেস করতে পারে।

বাক্য গঠন

 
  1. tag id=“value">  

উদাহরণ 1: নিম্নলিখিত উদাহরণটি বর্ণনা করে কিভাবে CSS নথিতে id বৈশিষ্ট্য ব্যবহার করতে হয়:

 
  1. >  
  2. html>  
  3. head>  
  4. title>  
  5. Example of Id attribute in CSS  
  6. title>  
  7. style>  
  8. #Cars {  
  9. padding: 40px;  
  10. background-color: lightblue;  
  11. color: black;      
  12. text-align: center;  
  13. }   
  14.   
  15. #Bikes  
  16. {  
  17. padding: 50px;  
  18. background-color: lightGreen;  
  19. text-align: center;  
  20. }  
  21. style>  
  22. head>  
  23. <body>  
  24. <p> Use CSS to style an element with the id: p>  
  25. <h1 id=“Cars"> Cars h1>  
  26. <h1 id=“Bikes"> Bikes h1>  
  27. body>  
  28. html>   

উদাহরণ 2: নিম্নলিখিত উদাহরণটি বর্ণনা করে কিভাবে জাভাস্ক্রিপ্টে আইডি অ্যাট্রিবিউট ব্যবহার করতে হয়।

 
  1. >  
  2. html>   
  3. head>   
  4. title> Date Attribute title>   
  5. script>   
  6. function viewdate() {   
  7. var x = document.getElementById(“dob").value;   
  8. document.getElementById(“demo").innerHTML = x;   
  9. script>   
  10. head>   
  11. body>   
  12. Employee Name: <input type=“text" placeholder=“Your Good name"/>   
  13. br>  
  14. br>  
  15. Date of Joining:   
  16. <input type=“date" id=“dob">  
  17. <br>   
  18. <button onclick=“viewdate()"> Submit   
  19. button>   
  20. <br>  
  21. <h2 id=“demo"> h2>   
  22. body>   
  23. html>  


Leave a Reply