এইচটিএমএল ডোম 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() | ফর্ম সাবমিট করে। |
স্ট্যান্ডার্ড প্রোপার্টি এবং ইভেন্ট
প্রোপার্টি | ইভেন্ট |
---|---|
সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |