Atribut Borang HTML

Bab ini menjelaskan HTML <form> Properti yang berbeza bagi elemen.

Properti Action

action Properti ini menentukan operasi yang akan dijalankan semasa menghantar formulir.

Biasanya, apabila pengguna mengklik tombol "Submit", data formulir akan dihantar ke fail di pelayan.

Dalam contoh di bawah, data formulir dihantar ke fail yang dinamakan "action_page.php". Fail ini mengandungi skrip pelayan untuk mengelola data formulir:

Contoh

Setelah disubmit, data formulir akan dihantar ke "action_page.php":

<form action="/action_page.php">
  <label for="fname">Nama pertama:</label><br>
  <input type="text" id="fname" name="fname" value="Bill"><br>
  <label for="lname">Nama belakang:</label><br>
  <input type="text" id="lname" name="lname" value="Gates"><br><br>
  <input type="submit" value="Submit">
</form>

Coba Sendiri

提示：Jika properti action diabaikan, action akan diatur ke halaman sekarang.

Target 属性

target 属性规定提交表单后在何处显示响应。

target 属性可设置以下值之一：

值 Deskripsi
_blank 响应显示在新窗口或选项卡中。
_self 响应显示在当前窗口中。
_parent 响应显示在父框架中。
_top 响应显示在窗口的整个 body 中。
framename 响应显示在命名的 iframe 中。

默认值为 _self，这意味着响应将在当前窗口中打开。

Contoh

此处，提交的结果将在新的浏览器标签中打开：

<form action="/action_page.php" target="_blank">

Coba Sendiri

Method 属性

method 属性指定提交表单数据时要使用的 HTTP 方法。

表单数据可以作为 URL 变量（使用 method="get"）或作为 HTTP post 事务（使用 method="post"）发送。

提交表单数据时，默认的 HTTP 方法是 GET。

Contoh

此例在提交表单数据时使用 GET 方法：

<form action="/action_page.php" method="get">

Coba Sendiri

Contoh

此例在提交表单数据时使用 POST 方法：

<form action="/action_page.php" method="post">

Coba Sendiri

关于 GET 的注意事项：

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

关于 POST 的注意事项：

  • 将表单数据附加在 HTTP 请求的正文中（不在 URL 中显示提交的表单数据）
  • POST 没有大小限制，可用于发送大量数据。
  • 带有 POST 的表单提交无法添加书签

提示：如果表单数据包含敏感信息或个人信息，请务必使用 POST！

Autocomplete 属性

autocomplete 属性规定表单是否应打开自动完成功能。

启用自动完成功能后，浏览器会根据用户之前输入的值自动填写值。

Contoh

启用自动填写的表单：

<form action="/action_page.php" autocomplete="on">

Coba Sendiri

Atribut Novalidate

novalidate Atribut adalah atribut boolean.

Jika sudah disetel, ia menentukan bahwa data borang tidak harus dipertahankan saat disubmit.

Contoh

Borang tanpa atribut novalidate disetel:

<form action="/action_page.php" novalidate>

Coba Sendiri

Daftar semua atribut <form>

Atribut Deskripsi
accept-charset Tentukan karakter encoding yang digunakan untuk pengajuan borang.
action Tentukan tempat pengiriman data borang saat mengajukan borang.
autocomplete Tentukan apakah borang seharusnya membuka fungsi pengisian otomatis (pemenuhan).
enctype Tentukan bagaimana data borang seharusnya dienkodifikasi saat disubmit ke server (hanya untuk method="post").
method Tentukan metode HTTP yang digunakan untuk mengirimkan data borang.
name Tentukan nama borang.
novalidate Tentukan borang yang tidak harus dipertahankan saat disubmit.
rel Tentukan hubungan antara sumber pautan dan dokumen saat ini.
target Tentukan tempat yang akan ditampilkan respons yang diterima setelah mengajukan borang.