从显示当前值并允许输入的网页表单字段中提取文本

以下是一个示例代码，演示如何从显示当前值并允许输入的网页表单字段中提取文本：

HTML代码：

<form>
  <label for="name">姓名：</label>
  <input type="text" id="name" value="张三"><br><br>
  <label for="email">电子邮件：</label>
  <input type="email" id="email" value="zhangsan@example.com"><br><br>
  <input type="button" value="提取文本" onclick="extractText()">
</form>

<script>
  function extractText() {
    var name = document.getElementById("name").value;
    var email = document.getElementById("email").value;
    
    alert("姓名：" + name + "\n电子邮件：" + email);
  }
</script>

在上述示例中，我们定义了一个包含姓名和电子邮件字段的表单。每个字段都有一个唯一的id和一个默认的value属性，用于显示当前值。

在JavaScript中，我们使用document.getElementById()函数来获取具有特定id的元素的引用。通过value属性，我们可以获取字段的当前值。

在extractText()函数中，我们使用document.getElementById().value来获取姓名和电子邮件字段的值，并将其存储在相应的变量中。

最后，我们使用alert()函数将提取的文本显示为弹出窗口中的消息，但你可以根据需要自行处理这些文本。