使用非拉丁字母的html占位符

时间:2017-03-23 04:08:54

标签: html

我正在使用password:partofpassword来向用户显示他们需要翻译的单词:placerholder=""韩语单词안녕하세요在Chrome中完美显示,但被Firefox和Edge搞砸了(两者都是最新版本) )。它看起来像这样: placeholder in edge/firefox

有任何方法可以直接修复此问题,还是有解决方法?

1 个答案:

答案 0 :(得分:2)

您必须在html代码中定义Character Encoding类型。

  

什么是字符编码?

     

ASCII是第一个字符编码   标准(也称为字符集)。 ASCII定义127种不同   可以在互联网上使用的字母数字字符:数字   (0-9),英文字母(A-Z),以及一些特殊字符! $ + -   ()@< >

     

ANSI(Windows-1252)是原始的Windows字符集,带有   支持256种不同的字符代码。

     

ISO-8859-1是HTML 4的默认字符集。此字符   set还支持256种不同的字符代码。

     

由于ANSI和ISO-8859-1非常有限,因此是默认字符   编码在HTML5中更改为UTF-8。

     

UTF-8(Unicode)几乎涵盖了所有的字符和符号   世界。

有关详细信息,请参阅here

请在<head>标记内使用以下元标记。

<meta charset="UTF-8">

完整的例子。

&#13;
&#13;
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Character Encoding</title>

</head>

<body>
  <h1>안녕하세요</h1>
  <input id="ha_1" placeholder="안녕하세요" type="text">
</body>

</html>
&#13;
&#13;
&#13;