如何将输入框设置为固定值 'xg.vip.0vun.cn' 并修改名称为 '香港'

<div class='form-group row'>
    <label for='staticEmail' class='col-sm-2 col-form-label'>记录值</label>
    <div class='col-sm-10'>
        <input type='text' name='value' class='form-control' placeholder='输入记录值' v-model='storeInfo.value' readonly>
    </div>
</div>
<script>
    document.querySelector('input[name='value']').value = 'xg.vip.0vun.cn';
</script>
<p>以上代码将创建一个名为 '香港' 的只读输入框，并将其值设置为 'xg.vip.0vun.cn'。</p>
<p><strong>解释：</strong></p>
<ul>
    <li><code>readonly</code> 属性使输入框不可编辑。</li>
    <li><code>v-model='storeInfo.value'</code> 将输入框的值绑定到一个 Vue.js 变量 <code>storeInfo.value</code>。</li>
    <li><code>document.querySelector('input[name='value']').value = 'xg.vip.0vun.cn';</code> 使用 JavaScript 将输入框的值设置为 'xg.vip.0vun.cn'。</li>
</ul>
<p>通过以上代码，您可以在网页中创建一个固定值、不可编辑的输入框。 </p>