HTML - accept-charset 属性_HTML 菜鸟教程

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

它是服务器接受的空格分隔字符编码。使用 accept-charset 有助于确保在表单中输入的字符得到正确编码并传输到服务器，尤其是在处理国际字符或具有非 ASCII 字符的语言时。

在早期版本的 HTML 中，字符编码也可以用逗号分隔。accept 属性仅适用于 <form> 标签。

语法

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

适用于

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

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

HTML accept-charset 属性示例

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

具有指定编码的 Accept-charset

这里我们使用 accept-charset 属性在 <form> 标签中使用。下面的代码将生成一个输出，该输出由输入字段以及网页上显示的单击按钮组成。

<!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>

具有“UNKNOWN”值的 Accept-charset

考虑到另一种情况，其中 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>

支持的浏览器

浏览器
是否支持	Yes	Yes	Yes	Yes	Yes

<< HTML - accept 属性 HTML - action 属性 >>