HTML-এ <output> ট্যাগ একটি ক্যালকুলেশনের ফলাফল প্রদর্শনের জন্য ব্যবহৃত হয়। এটি HTML5-এ চালু করা হয়েছে।
অ্যাট্রিবিউটগুলো:
- for - ক্যালকুলেশনের ফলাফল এবং ক্যালকুলেশনে ব্যবহৃত এলিমেন্টগুলোর সম্পর্ক নির্দেশ করে
- form - আউটপুট এলিমেন্টটি কোন ফর্মের অংশ তা নির্দেশ করে
- name - আউটপুট এলিমেন্টের জন্য একটি নাম
উদাহরণ
<!DOCTYPE html> <html> <body> <h2>ফলাফল</h2> <form oninput="n.value=parseInt(p.value)+parseInt(q.value)+parseInt(r.value)">0 <input type="range" id="p" value="25">100 +<input type="number" id="q" value="50">+<input type="number" id="r" value="50"> =<output name="n" for="p q r"></output> </form> </body> </html>
স্লাইডার বাড়ালে ফলাফল রিয়েল-টাইমে আপডেট হবে। for অ্যাট্রিবিউটে স্পেস দিয়ে একাধিক এলিমেন্টের ID দেওয়া যায়।
ব্যবহার ক্ষেত্র: ফর্ম ক্যালকুলেটর, শপিং কার্ট টোটাল, লোন ক্যালকুলেটর, রিয়েল-টাইম প্রিভিউ ইত্যাদি।
