HTML - accept-charset Attribute

The HTML accept-charset attribute is used to specify the character encodings that are to be used for the form submission.

It is a space-separated character encoding the server accepts. The default value of this attribute is the UNKNOWN string, which means the encoding equals the encoding of the document containing the form element.

In the previous version of HTML, character encodings could also be delimited by commas. The accept-attribute only works with the <form> tag.

Syntax

Following is the syntax for HTML 'accept-charset’ attribute − 

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

Example

In the following example, we are using the accept-charset attribute is used within the <form> tag.

<!DOCTYPE html>
<html lang="en">
<head>
   <title>HTML 'accept-charset' attribute</title>
</head>
<body>
   <!--HTML 'accept-charset' attribute-->
   <p>Example of the 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>

When we run the above code, it will generate an output consisting of the input field along with a click button displayed on the webpage.

Example

Considering the another scenario, where the accept-charset attribute is used with form element to specify the character encoding(i.e. default value ‘UNKNOWN’) to be used for form submission.

<!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>Example of the 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>

On running the above code, the output windoww will pop up displaying the form with input fields along with a click button on the webpage.

html_attributes_reference.htm
Advertisements