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

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

রেফারেন্স

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

অপারেটর-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 Text অবজেক্ট


Input Text অবজেক্ট

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

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

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

উদাহরণ

<!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", "text");
    a.setAttribute("value", "স্বাগতম!");
    document.body.appendChild(a);
}
</script>
</body>
</html>

ফলাফল



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

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

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<input type="text" id="test" value="কিছু টেক্সট...">
<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="text"> কে এক্সেস করতে পারেনঃ

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

= এইচটিএমএল (৫) এ যেসকল প্রোপার্টি যুক্ত করা হয়েছে।

প্রোপার্টি বর্ণনা
autocomplete একটি text ফিল্ডের autocomplete এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে
autofocus পেজ লোড হলে text ফিল্ড সয়ংক্রিয়ভাবে ফোকাস হবে কিনা তা সেট বা রিটার্ন করে।
defaultValue একটি text ফিল্ডের ডিফল্ট ভ্যালু সেট বা রিটার্ন করে।
disabled একটি text ফিল্ড নিষ্ক্রিয় থাকবে কিনা তা সেট বা রিটার্ন করে।
form text ফিল্ডসহ একটি ফর্মের রেফারেন্স রিটার্ন করে।
list text ফিল্ডযুক্ত <datalist> এলিমেন্টের রেফারেন্স রিটার্ন করে।
maxlength একটি text ফিল্ডের maxlength এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে
name একটি text ফিল্ডের name এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে
pattern একটি text ফিল্ডের pattern এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে
placeholder একটি text ফিল্ডের placeholder এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে
read-only text ফিল্ড শুধু read-only থাকবে কিনা তা সেট বা রিটার্ন করে।
required ফর্ম সাবমিটের পূর্বে অবশ্যই text ফিল্ড পূরন করতে হবে কিনা তা সেট বা রিটার্ন করে।
size একটি text ফিল্ডের size এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে
type text ফিল্ডের টাইপ কি তা রিটার্ন করে।
value text ফিল্ডের value এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে।

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

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