title: HTML : Form does not send UTF-8 format inputs
body: <p>I've visited each one of the questions about UTF-8 encoding in HTML and nothing seems to be making it work like expected.</p>
  
  <p>I added the <code>meta</code> tag : nothing changed.<br>
  I added the <code>accept-charset</code> attribute in <code>form</code> : nothing changed.<br></p>
  
  <hr>
  
  <h2>JSP File</h2>
  
  <pre><code>&lt;%@ page pageEncoding="UTF-8" %&gt;
  &lt;%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %&gt;
  &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="UTF-8" /&gt;
  &lt;meta http-equiv="Content-Type" content="text/html;charset=UTF-8"&gt;
  &lt;title&gt;Editer les sous-titres&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form method="post" action="/Subtitlor/edit" accept-charset="UTF-8"&gt; 
          &lt;h3 name="nameOfFile"&gt;&lt;c:out value="${ nameOfFile }"/&gt;&lt;/h3&gt; 
          &lt;input type="hidden" name="nameOfFile" id="nameOfFile" value="${ nameOfFile }"/&gt;
          &lt;c:if test="${ !saved }"&gt;
              &lt;input value ="Enregistrer le travail" type="submit" style="position:fixed; top: 10px; right: 10px;" /&gt;
          &lt;/c:if&gt;
          &lt;a href="/Subtitlor/" style="position:fixed; top: 50px; right: 10px;"&gt;Retour à la page d'accueil&lt;/a&gt;
          &lt;c:if test="${ saved }"&gt;
              &lt;div style="position:fixed; top: 90px; right: 10px;"&gt;
                  &lt;c:out value="Travail enregistré dans la base de donnée"/&gt;
              &lt;/div&gt;
          &lt;/c:if&gt;
          &lt;table border="1"&gt;
              &lt;c:if test="${ !saved }"&gt;
                  &lt;thead&gt;
                      &lt;th style="weight:bold"&gt;Original Line&lt;/th&gt;
                      &lt;th style="weight:bold"&gt;Translation&lt;/th&gt;
                      &lt;th style="weight:bold"&gt;Already translated&lt;/th&gt;
                  &lt;/thead&gt;
              &lt;/c:if&gt;
              &lt;c:forEach items="${ subtitles }" var="line" varStatus="status"&gt;
                  &lt;tr&gt;
                      &lt;td style="text-align:right;"&gt;&lt;c:out value="${ line }" /&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;input type="text" name="line${ status.index }" id="line${ status.index }" size="35" /&gt;&lt;/td&gt;
                      &lt;td style="text-align:right"&gt;&lt;c:out value="${ lines[status.index].content }"/&gt;&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/c:forEach&gt;
          &lt;/table&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <hr>
  
  <h2>Servlet</h2>
  
  <pre><code>for (int i = 0 ; i &lt; 2; i++){
      System.out.println(request.getParameter("line"+i));
  }
  </code></pre>
  
  <hr>
  
  <h2>Output</h2>
  
  <pre><code>Et ton pÃ¨re et sa soeur
  Il ne sera jamais parti.
  </code></pre>