参考该效果图，实现点击提交按钮，弹出一个弹窗，内容是表单项的名称和值，如： 姓名：张三 性别：男 专业技能：HTML、CSS 你的意见：微信小程用网页完成

在Web前端开发中，你可以通过JavaScript结合HTML和CSS来实现这样的功能。首先，在HTML部分，你需要创建输入框和提交按钮，并给它们添加相应的ID以便于JavaScript操作：

<form id="myForm">
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name"><br>

  <label for="gender">性别：</label>
  <select id="gender" name="gender">
    <option value="男">男</option>
    <option value="女">女</option>
  </select><br>

  <label for="skills">专业技能：</label>
  <textarea id="skills" name="skills"></textarea><br>

  <button type="button" onclick="showPopup()">提交</button>
</form>

<div id="popup" style="display:none;">
  <!-- 弹窗内容将会在这里动态生成 -->
</div>

接下来，在JavaScript文件中编写`showPopup`函数：

function showPopup() {
  // 获取表单元素的值
  var name = document.getElementById('name').value;
  var gender = document.getElementById('gender').value;
  var skills = document.getElementById('skills').value;

  // 创建一个新的弹窗
  var popup = document.getElementById('popup');
  popup.style.display = 'block';

  // 动态创建内容并添加到弹窗
  var content = '<p>姓名：' + name + '</p>';
  content += '<p>性别：' + gender + '</p>';
  content += '<p>专业技能：' + skills + '</p>';

  popup.innerHTML = content;
}

当用户点击提交按钮时，会触发`showPopup`函数，它会获取表单的输入值，显示隐藏的弹窗，并将这些信息插入到弹窗的内容中。