জাভাস্ক্রিপ্ট জেকুয়েরি এঙ্গুলার জেএস এইচটিএমএল সিএসএস বুটস্ট্রাপ পিএইচপি সি প্রোগ্রামিং
ফোরাম
×

জাভাস্ক্রিপ্ট রেফারেন্স

রেফারেন্স

জাভাস্ক্রিপ্ট

অপারেটর-Operator স্টেটমেন্ট-Statement অ্যারে-Array বুলিয়ান-Boolean স্ট্রিং-String সংখ্যা-Number রেগুলার এক্সপ্রেশন-RegExp গণিত-Math তারিখ-Date গ্লোবাল-Global কনভার্শন-Conversion

এইচটিএমএল ডোম-DOM

ডোম ডকুমেন্ট-DOMDocument ডোম এলিমেন্ট-DOMElement ডোম এট্রিবিউট-DOMAttribute ডোম স্টাইল-DOMStyle ডোম ইভেন্ট-DOMEvent

ব্রাউজার বোম-BOM

উইনডো-Window হিস্টোরি-History লোকেশন-Location ন্যভিগেটর-Navigator স্ক্রিনScreen

এইচটিএমএল অবজেক্ট

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>


 

এইচটিএমএল ডোম Input Range অবজেক্ট


Input Range অবজেক্ট

Input Range অবজেক্ট এইচটিএমএল(৫)এ নতুন

Input Range অবজেক্ট এইচটিএমএল <input> এলিমেন্টকে প্রতিনিধিত্ব করে যার টাইপ range

তথ্যঃ range টাইপসহ <input> এলিমেন্ট ইন্টারনেট এক্সপ্লোরার ৯ ও তার পূর্ববর্তী ভার্সনে সাপোর্ট করে না।

Input Range অবজেক্ট তৈরি

আপনি document.createElement() মেথড ব্যবহার করে <input> এলিমেন্ট তৈরি করতে পারেন যার টাইপ range

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<script>
function myFunc() {
    var a = document.createElement("input");
    a.setAttribute("type", "range");
    document.body.appendChild(a);
}
</script>
</body>
</html>

ফলাফল



Input Range অবজেক্ট এক্সেস

আপনি getElementById() ব্যবহার করে <input> এলিমেন্টকে এক্সেস করতে পারেন যার টাইপ range

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<input type="range" id="test" value="90">
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<p id="test2"></p>
<script>
function myFunc() {
    var a = document.getElementById("test").value;
    document.getElementById("test2").innerHTML = a;
}
</script>
</body>
</html>

ফলাফল



পরামর্শঃ একটি ফর্মের এলিমেন্টের কালেকশনে সার্চ করে আপনি <input type="range"> কে এক্সেস করতে পারেনঃ

Input Range অবজেক্টের প্রোপার্টি

প্রোপার্টি বর্ণনা
autocomplete একটি Slider কন্ট্রোলের autocomplete এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে
autofocus পেজ লোড হলে Slider কন্ট্রোল সয়ংক্রিয়ভাবে ফোকাস হবে কিনা তা সেট বা রিটার্ন করে।
defaultValue একটি Slider কন্ট্রোলের ডিফল্ট ভ্যালু সেট বা রিটার্ন করে।
disabled একটি Slider কন্ট্রোল নিষ্ক্রিয় থাকবে কিনা তা সেট বা রিটার্ন করে।
form Slider কন্ট্রোলসহ একটি ফর্মের রেফারেন্স রিটার্ন করে।
list Slider কন্ট্রোলযুক্ত <datalist> এলিমেন্টের রেফারেন্স রিটার্ন করে।
max একটি Slider কন্ট্রোলের max এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে
min একটি Slider কন্ট্রোলের min এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে
name একটি Slider কন্ট্রোলের name এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে
step একটি Slider কন্ট্রোলের step এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে
type Slider কন্ট্রোলের টাইপ কি তা রিটার্ন করে।
value Slider কন্ট্রোলের value এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে।

Input Range অবজেক্ট মেথড

মেথড বর্ণনা
stepDown() নির্দিষ্ট সংখ্যা দ্বারা Slider কন্ট্রোলের ভ্যালু হ্রাস করে।
stepUp() নির্দিষ্ট সংখ্যা দ্বারা Slider কন্ট্রোলের ভ্যালু বৃদ্ধি করে।

স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট

প্রোপার্টি ইভেন্ট
সাপোর্ট করে। এখানে দেখুন সাপোর্ট করে। এখানে দেখুন