Php 如何在源代码上使datalist不成为apear

我有一个很长的单词列表，我不希望在查看源代码时出现它。如何使用php，甚至html来实现这一点

这是我的代码示例

<label for="country_name">Country : </label><input id="country_name" name="country_name" type="text" list="country" />
<datalist id="country">
   <option value="Afghanistan">
   <option value="Albania">       
   <option value="Algeria">      << there's a lot of words here
   <option value="Andorra">
   <option value="Angola">   
</datalist>

国家：
只需在不同的文件中使用一些简单的JavaScript。这是一种bodge修复，但它将使所有国家名称都不会显示在“查看源”窗口中，但是，如果您检查国家数据列表，它们将显示出来

将其放入JS文件中：

var countryList=[
"Afghanistan",
"Albania",
"Algeria",
...
];

function addCountries(){
    for(var i=0;i<countryList.length;i++){
        var elem=document.createElement("option");
        elem.setAttribute("value",countryList[i]);
        document.getElementById("country").innerHTML+=elem;
    }
}

var countryList=[
“阿富汗”，
“阿尔巴尼亚”，
“阿尔及利亚”，
...
];
功能addCountries（）{
对于（var i=0；iInsert），在使用Javascript加载DOM之后，它们仍然可以通过“元素检查器”看到，但不能在“查看源代码”中看到。您能解释为什么要隐藏某些源代码吗？因为就目前而言，您的问题表明对该技术存在根本性的误解。
<datalist id="country">
    <script type="text/javascript">addCountries();</script>
</datalist>