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

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

রেফারেন্স

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

অপারেটর-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>


 

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


Form অবজেক্ট

Form অবজেক্ট এইচটিএমএল <form> এলিমেন্টকে প্রতিনিধিত্ব করে।


Form অবজেক্ট তৈরি

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

উদাহরণ

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

    var b = document.createElement("input");
    b.setAttribute("type", "text");
    b.setAttribute("value", "ছালেহ");
    document.getElementById("test").appendChild(b);
}
</script>
</body>
</html>

ফলাফল




Form অবজেক্ট এক্সেস

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

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
    <form id="test" action="action_page.php">
        প্রথম নাম: <input type="text" name="fname" value="ফয়সাল"><br> শেষ নাম: <input type="text" name="lname" value="খান"><br>
        <input type="submit" value="সাবমিট">
    </form>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<p id="test2"></p>
<script>
   function myFunc() {
            var a = document.getElementById("test").action;
            document.getElementById("test2").innerHTML = a;
        }
</script>
</body>
</html>

ফলাফল




Form অবজেক্ট কালেকশন

কালেকশন বর্ণনা
elements একটি ফর্মের সকল এলিমেন্টের কালেকশন রিটার্ন করে।

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

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

প্রোপার্টি বর্ণনা
acceptCharset একটি ফর্মের accept-charset এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে।
action একটি ফর্মের action এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে।
autocomplete একটি ফর্মের autocomplete এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে।
encoding enctype টাইপের ছদ্মনাম।
>enctype একটি ফর্মের enctype এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে।
length ফর্মের এলিমেন্টের সংখ্যা রিটার্ন করে।
method একটি ফর্মের method এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে।
name একটি ফর্মের name এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে।
noValidate সাবমিটের সময় ফর্ম ডাটা যাচাই করা হবে কিনা তা সেট বা রিটার্ন করে।
target একটি ফর্মের target এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে।

Form অবজেক্ট মেথড

মেথড বর্ণনা
reset() ফর্ম রিসেট করে।
submit() ফর্ম সাবমিট করে।

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

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