通过编辑框输入圆的半径，计算面积和周长在网页是显示出来。

在网页上实现这个功能，通常涉及到前端HTML、CSS和JavaScript的结合。下面是一个简单的步骤描述：

1. **创建HTML元素**：
- 创建一个输入框让用户输入圆的半径，可以使用`<input type="number">`标签。
- 添加两个按钮，一个用于计算面积，另一个用于计算周长。
- 创建显示结果的区域，如`<p>`标签，初始时显示"等待输入"。

<input id="radius-input" type="number">
<button onclick="calculateArea()">计算面积</button>
<button onclick="calculateCircumference()">计算周长</button>
<p id="result"></p>

2. **编写JavaScript函数**：
- `calculateArea()` 和 `calculateCircumference()` 分别对应面积和周长的计算。
- 使用`document.getElementById()`获取输入值和结果区域。

function calculateArea() {
  const radius = document.getElementById("radius-input").value;
  const area = Math.PI * radius * radius;
  displayResult("面积", area);
}

function calculateCircumference() {
  const radius = document.getElementById("radius-input").value;
  const circumference = 2 * Math.PI * radius;
  displayResult("周长", circumference);
}

function displayResult(title, value) {
  const resultElement = document.getElementById("result");
  resultElement.textContent = `${title}: ${value}`;
}