Atribut form* Input HTML

HTML5 SSE <input> 元素的不同 form* Atribut.

form 属性

input form 属性规定 <input> 元素所属的表单。

此属性的值必须等于它所属的 <form> 元素的 id 属性。

Contoh

位于 HTML 表单（但仍是表单的一部分）之外的输入字段：

<form action="/action_page.php" id="form1">
  <label for="fname">Keluarga:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="submit" value="Kirim">
</form>
<label for="lname">Nama:</label>
<input type="text" id="lname" name="lname" form="form1">

Coba Sendiri

formaction 属性

input formaction 属性规定当提交表单时，对输入（数据）进行处理的文件的 URL。

Komentar:该属性会覆盖 <form> 元素的 action Atribut.

formaction Aturan ini berlaku untuk jenis input berikut: submit dan image.

Contoh

带有两个提交按钮的 HTML 表单，它们具有不同的操作（action）：

<form action="/action_page.php">
  <label for="fname">Keluarga:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Nama:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Kirim">
  <input type="submit" formaction="/action_page2.php" value="以管理员提交">
</form>

Coba Sendiri

formenctype 属性

input formenctype 属性指定提交时应如何编码表单数据（仅适用于 method="post" 的表单）。

Komentar:Atribut ini akan menimpa <form> 元素的 enctype 属性。

formenctype Aturan ini berlaku untuk jenis input berikut: submit dan image.

Contoh

有两个提交按钮的表单。第一个发送使用默认编码的表单数据，第二个发送编码为 "multipart/form-data" 的表单数据：

<form action="/action_page_binary.asp" method="post">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="submit" value="Kirim">
  <input type="submit" formenctype="multipart/form-data"
  value="以 Multipart/form-data 编码提交">
</form>

Coba Sendiri

formmethod 属性

input formmethod 属性定义了将表单数据发送到 action URL 的 HTTP 方法。

Komentar:Atribut ini akan menimpa <form> 元素的 method 属性。

formmethod Aturan ini berlaku untuk jenis input berikut: submit dan image.

Data borang boleh dihantar sebagai variable URL (method="get") atau sebagai transaksi HTTP post (method="post").

Perhatian tentang GET:

  • Tambahkan data borang dalam bentuk pasangan nama/nilai ke URL
  • Jangan pernah gunakan GET untuk menghantar data sensitif! (Data borang yang dihantar dapat dilihat dalam URL!)
  • Panjang URL terhad (2048 aksara)
  • Berubahsuai untuk penghantaran borang yang pengguna ingin menambahkan sebagai bookmark
  • GET digunakan untuk data yang tidak aman, seperti string pencarian di Google

Perhatian tentang POST:

  • Lampirkan data borang ke dalam bentuk teks dalam permintaan HTTP (data borang yang dihantar tidak dipaparkan dalam URL)
  • POST tiada had saiz, boleh digunakan untuk menghantar data besar.
  • Penghantaran borang yang menggunakan POST tidak dapat ditambahkan bookmark

Pemberitahuan:Jika data borang mengandungi maklumat sensitif atau peribadi, pastikan untuk menggunakan POST!

Contoh

Borang yang mempunyai dua butang penghantaran. Pertama menghantar data borang menggunakan method="get". Kedua menghantar data borang menggunakan method="post":

<form action="/action_page.php" method="get">
  <label for="fname">Keluarga:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Nama:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Hantar menggunakan GET">
  <input type="submit" formmethod="post" value="Hantar menggunakan POST">
</form>

Coba Sendiri

aturan formtarget

input aturan formtarget Aturan ini menentukan nama atau katalaluan, yang menentukan di mana respons yang diterima dipaparkan selepas menghantar borang.

Komentar:Atribut ini akan menimpa <form> aturan target elemen.

aturan formtarget Aturan ini berlaku untuk jenis input berikut: submit dan image.

Contoh

Borang yang mempunyai dua butang penghantaran dengan tujuan tetingkap berbeza:

<form action="/action_page.php">
  <label for="fname">Keluarga:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Nama:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Kirim">
  <input type="submit" formtarget="_blank" value="Hantar ke tetingkap/tarikh baru">
</form>

Coba Sendiri

aturan formnovalidate

input formnovalidate Peraturan sifat adalah untuk memastikan elemen <input> tidak diuji semasa penghantaran.

Komentar:Atribut ini akan menimpa <form> Atribut novalidate elemen.

formnovalidate Atribut berlaku untuk jenis input berikut: submit.

Contoh

Formulir dengan dua tombol pengiriman (dengan dan tanpa pemeriksaan):

<form action="/action_page.php">
  <label for="email">Masukkan email anda:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="Kirim">
  <input type="submit" formnovalidate="formnovalidate"
  value="Kirim tanpa pemeriksaan">
</form>

Coba Sendiri

Atribut novalidate

novalidate Atribut adalah <form> Atribut.

Jika diatur, atribut novalidate menyatakan bahwa semua data formulir tidak harus diverifikasi saat disubmit.

Contoh

Tentukan untuk tidak memverifikasi sebarang data formulir saat disubmit:

<form action="/action_page.php" novalidate>
  <label for="email">Masukkan email anda:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="Kirim">
</form>

Coba Sendiri

Elemen Form dan Input HTML

Tanda Deskripsi
<form> Definisi masukan pengguna HTML formulir.
<input> Definisi Kontrol Input.

Untuk daftar lengkap semua tanda HTML yang tersedia, silakan kunjungi Panduan Tanda HTML。