HTML - accept-charset 属性



HTML accept-charset 属性用于指定服务器在提交表单时可以接受的字符编码。

它是一个用空格分隔的服务器接受的字符编码列表。使用 accept-charset 可以确保在表单中输入的字符被正确编码并传输到服务器,尤其是在处理国际字符或非 ASCII 字符的语言时。

在之前的 HTML 版本中,字符编码也可以用逗号分隔。accept-charset 属性仅适用于 <form> 标签。

语法

<form accept-charset = "value"></form>

应用于

以下列出的元素允许使用 HTML accept-charset 属性。

元素 描述
<form> HTML <form> 标签用于指定输入字段。

HTML accept-charset 属性示例

以下代码展示了 accept-charset 属性可能的不同值。

指定编码的 Accept-charset

这里我们在 <form> 标签内使用了 accept-charset 属性。下面的代码将生成一个包含输入字段和点击按钮的输出,显示在网页上。

<!DOCTYPE html>
<html lang="en">

<head>
   <title>HTML 'accept-charset' attribute</title>
</head>

<body>
   <!--HTML 'accept-charset' attribute-->
   <p>HTML 'accept-charset' attribute</p>
   <form accept-charset="utf-8">
      <h1>Login</h1>
      <label for="">Username</label>
      <br>
      <input type="text">
      <br>
      <br>
      <label for="">Password</label>
      <br>
      <input type="password">
      <br>
      <br>
      <button>Login</button>
   </form>
</body>

</html>

Accept-charset 值为 'unknown'

考虑另一种情况,其中 accept-charset 属性与表单元素一起使用,以指定用于表单提交的字符编码(即默认值为“UNKNOWN”)。

<!DOCTYPE html>
<html lang="en">

<head>
   <title>HTML 'accept-charset' attribute</title>
   <style>
      form {
         border: 1px solid blueviolet;
         width: 300px;
         border-radius: 10px;
      }

      form h1 {
         text-align: center;
      }

      form label {
         margin: 0px 30px;
      }

      form input,
      select {
         margin: 0px 30px;
         padding: 8px;
         width: 200px;
      }

      form button {
         width: 100px;
         padding: 10px;
         margin: 0px 30px;
      }
   </style>
</head>

<body>
   <!--HTML 'accept-charset' attribute-->
   <p>HTML 'accept-charset' attribute</p>
   <form accept-charset="UNKNOWN">
      <h1>User Form</h1>
      <label for="">Name</label>
      <br>
      <input type="text">
      <br>
      <br>
      <label for="">Mobile</label>
      <br>
      <input type="number">
      <br>
      <br>
      <label for="">Select language you knows</label>
      <br>
      <br>
      <select name="language" id="">
         <option value="">Choose your option</option>
         <option value="">Hindi</option>
         <option value="">English</option>
         <option value="">Telugu</option>
      </select>
      <br>
      <br>
      <button>Submit</button>
      <br>
      <br>
   </form>
</body>

</html>

支持的浏览器

属性 Chrome Edge Firefox Safari Opera
accept-charset
html_attributes_reference.htm
广告