怎么实现,点击example按钮,在网页表单框里填充示例文字
时间: 2024-02-25 08:51:17 浏览: 50
一个增加表单input的例子/表单框按需求点击增加
您可以使用JavaScript来实现在网页表单框里填充示例文字的功能。以下是一个简单的示例代码,其中使用了一个点击事件监听器来在点击按钮时将文本内容填充到表单框中。
HTML代码:
```html
<input type="text" id="inputBox">
<button onclick="fillExample()">Example</button>
```
JavaScript代码:
```javascript
function fillExample() {
var exampleText = "这是示例文字。";
document.getElementById("inputBox").value = exampleText;
}
```
在这个示例中,我们定义了一个名为`fillExample()`的函数。当按钮被点击时,该函数被调用,它将字符串“这是示例文字。”赋值给ID为`inputBox`的文本框。
您可以根据实际需求来修改这个示例代码,例如更改示例文本内容、更改按钮样式等。
阅读全文