如何在PHP+HTML联系表单中为姓名字段设置默认值？

在WordPress环境下，判断用户是否已登录可以通过$current_user->ID > 0来实现（未登录用户的ID为0）。结合你现有的Vue+PHP表单代码，有两种简单的方式用用户邮箱初始化“Your Name”字段：

方法一：在Vue的data中初始化值 #

因为表单使用了Vue的v-model="name"双向绑定，最直接的方式是在Vue实例的data属性里，通过PHP输出用户邮箱作为name的初始值：

// 在你的PHP函数输出HTML之后，添加Vue实例代码（如果还没有的话）
<script>
new Vue({
  el: '#vue_contact_form_app',
  data: {
    // 初始化name字段：登录用户用邮箱，未登录为空
    name: '<?php echo $current_user->ID > 0 ? esc_attr($current_user->user_email) : ''; ?>',
    // 保留原有data属性（status、actionMessage、email、subject、message等）
    status: 'clean',
    actionMessage: '',
    email: { value: '', valid: true },
    subject: '',
    message: { text: '', maxlength: 1000 }
  },
  // 保留原有methods等逻辑
  methods: {
    submit() { /* 原有提交逻辑 */ },
    closeMessage() { /* 原有关闭消息逻辑 */ }
  }
})
</script>

这样用户登录时，输入框会自动加载其邮箱作为初始值，未登录则为空，v-model会自动同步这个值到输入框。

方法二：直接给input标签设置动态value属性 #

如果不想修改Vue的data初始化代码，也可以直接给“Your Name”对应的input标签添加:value属性，在用户登录时填充邮箱：

<div>
  <label class="label" for="name">Your Name:</label>
  <input type="text" name="name" id="name" placeholder="Your Name" required="" maxlength="80" 
         v-model="name" 
         :value="<?php echo $current_user->ID > 0 ? esc_attr($current_user->user_email) : ''; ?>">
</div>

重要提示 #

• 一定要用esc_attr()包裹$current_user->user_email，这是WordPress中安全输出HTML属性的标准做法，能避免XSS攻击风险。
• 只有当用户已登录（$current_user->ID > 0）时才输出邮箱，避免未登录状态下出现异常值。

内容的提问来源于stack exchange，提问作者Alexey Starinsky