HTML Input form* বৈশিষ্ট্য

এই চাপটি HTML <input> এলিমেন্টের ভিন্ন বৈশিষ্ট্য form* 属性。

form প্রতিযোগী

input 的 form এই প্রতিযোগী পরিবর্তনযোগ্যতা প্রদান করে যে, ফর্ম জমা দেওয়ার সময় প্রবেশ (ডাটা) কিভাবে হবে <input> এই প্রতিযোগী পরিবর্তনযোগ্যতা প্রদান করে যে, ফর্ম জমা দেওয়ার সময় প্রবেশ (ডাটা) কিভাবে হবে

এই প্রতিযোগী পরিবর্তনযোগ্যতা প্রদান করে যে, ফর্ম জমা দেওয়ার সময় প্রবেশ (ডাটা) কিভাবে হবে

实例

এই প্রতিযোগী পরিবর্তনযোগ্যতা প্রদান করে যে, ফর্ম জমা দেওয়ার সময় প্রবেশ (ডাটা) কিভাবে হবে

এই প্রতিযোগী পরিবর্তনযোগ্যতা প্রদান করে যে, ফর্ম জমা দেওয়ার সময় প্রবেশ (ডাটা) কিভাবে হবে
  <label for="fname">姓氏：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="submit" value="জমা দিন">
</form>
<label for="lname">名字：</label>
<form action="/action_page.php" id="form1">

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

<input type="text" id="lname" name="lname" form="form1">

input 的 formaction formaction প্রতিযোগী

注释：এই প্রতিযোগী পরিবর্তনযোগ্যতা প্রদান করে যে, ফর্ম জমা দেওয়ার সময় প্রবেশ (ডাটা) কিভাবে হবে <form> এই প্রতিযোগী পরিবর্তনযোগ্যতা প্রদান করে যে, ফর্ম জমা দেওয়ার সময় প্রবেশ (ডাটা) কিভাবে হবে এলিমেন্টের 属性。

formaction 屬性適用於以下輸入類型：submit 和 image。

实例

দুটি সমর্থনকারী বাটন সহ HTML ফর্ম, যা ভিন্ন কার্যকলাপ (action) রয়েছে:


  <label for="fname">姓氏：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">名字：</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="জমা দিন">
  <input type="submit" formaction="/action_page2.php" value="ম্যানেজার দ্বারা জমা দিন">
</form>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

formenctype প্রতিযোগী

input 的 formenctype এই প্রতিযোগী পরিবর্তনযোগ্যতা প্রদান করে যে, ফর্ম ডাটা কিভাবে এনকোডিং করা হবে (শুধুমাত্র method="post" ফর্মের জন্য প্রযোজ্য)

注释：此属性将覆盖 <form> এলিমেন্টের enctype প্রতিযোগী

formenctype 屬性適用於以下輸入類型：submit 和 image。

实例

দুটি সমর্থনকারী বাটন সহ ফর্ম। প্রথমটি ডিফল্ট এনকোডিং ব্যবহার করে ফর্ম ডাটা পাঠায়, দ্বিতীয়টি "multipart/form-data" এনকোডিং ব্যবহার করে ফর্ম ডাটা পাঠায়:

<form action="/action_page_binary.asp" method="post">
  <label for="fname">প্রথম নাম:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="submit" value="জমা দিন">
  <input type="submit" formenctype="multipart/form-data"
  value="মাল্টিপার্ট/ফর্ম-ডেটা কোডিং দ্বারা জমা দিন">
</form>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

formmethod প্রতিযোগী

input 的 formmethod এই প্রতিযোগী পরিবর্তনযোগ্যতা প্রদান করে যে, ফর্ম ডাটা কিভাবে action URL-এ পাঠানো হবে।

注释：此属性将覆盖 <form> এলিমেন্টের method প্রতিযোগী

formmethod 屬性適用於以下輸入類型：submit 和 image。

表單數據可以作為 URL 变量（method="get"）或作為 HTTP post 事務（method="post"）發送。

关于 GET 的注意事項：

  • 以名称/值对的形式将表單数据追加到 URL
  • 永远不要使用 GET 发送敏感数据！（提交的表單数据在 URL 中可见！）
  • URL 的长度受到限制（2048 个字符）
  • 对于用户希望将结果添加为书签的表单提交很有用
  • GET 适用于非安全数据，例如 Google 中的查询字符串

關於 POST 的注意事項：

  • 將表單數據附加在 HTTP 請求的正文中（不在 URL 中顯示提交的表單數據）
  • POST 沒有大小限制，可用於發送大量數據。
  • 帶有 POST 的表單提交無法添加書籤

提示：如果表單數據包含敏感信息或個人信息，請務必使用 POST！

实例

有两个提交按鈕的表單。第一个使用 method="get" 发送表單数据。第二个使用 method="post" 发送表單数据：

<form action="/action_page.php" method="get">
  <label for="fname">姓氏：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">名字：</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="使用 GET 提交">
  <input type="submit" formmethod="post" value="使用 POST 提交">
</form>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

formtarget 屬性

input 的 formtarget 屬性指定一個名稱或關鍵字，該名稱或關鍵字規定在提交表單後在何處顯示收到的響應。

注释：此属性将覆盖 <form> 元素的 target 屬性。

formtarget 屬性適用於以下輸入類型：submit 和 image。

实例

有两个提交按鈕且有不同目標窗口的表單：


  <label for="fname">姓氏：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">名字：</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="জমা দিন">
  <input type="submit" formtarget="_blank" value="提交到新窗口/標籤頁">
</form>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

formnovalidate 屬性

input 的 formnovalidate 属性規定提交時不應驗證 <input> 元素。

注释：此属性将覆盖 <form> 元素的 novalidate 属性。

formnovalidate 属性适用于以下输入类型：submit。

实例

有两个提交按钮的表单（进行和不进行验证）：


  <label for="email">আপনার ইমেল প্রবেশ করুন:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="জমা দিন">
  
</form>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

novalidate 属性

novalidate 属性是 <form> 属性。

如果已设置，novalidate 属性规定在提交时不应验证所有表单数据。

实例

规定在提交时不验证任何表单数据：

<form action="/action_page.php" novalidate>
  <label for="email">আপনার ইমেল প্রবেশ করুন:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="জমা দিন">
</form>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

HTML Form ও Input ইলেকট্রন

ট্যাগ বর্ণনা
<form> ইউজার ইনপুট এইমেল ফর্ম সংজ্ঞা করুন。
<input> ইনপুট কন্ট্রোল সংজ্ঞা করুন。

সমস্ত উপলব্ধ HTML ট্যাগের সমস্ত তালিকা দেখতে আমাদের HTML ট্যাগ রেফারেন্স ম্যানুয়াল。