,可以通过以下步骤实现:
<script>
标签引入Dojo的CDN链接,或者下载Dojo的库文件并引入到项目中。<form id="myForm">
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email"><br>
<label for="message">留言:</label>
<textarea id="message" name="message"></textarea><br>
<button type="button" onclick="displayFormData()">显示数据</button>
</form>
dojo/query
模块来选择表单元素,使用dojo/dom
模块来操作DOM元素。然后,编写一个函数来获取表单数据并在控制台中显示。示例代码如下:require([
"dojo/query",
"dojo/dom"
], function(query, dom) {
function displayFormData() {
var form = dom.byId("myForm"); // 获取表单元素
var name = query("[name='name']", form)[0].value; // 获取姓名输入框的值
var email = query("[name='email']", form)[0].value; // 获取邮箱输入框的值
var message = query("[name='message']", form)[0].value; // 获取留言框的值
console.log("姓名:" + name);
console.log("邮箱:" + email);
console.log("留言:" + message);
}
// 将displayFormData函数绑定到按钮的点击事件上
dom.byId("myForm").addEventListener("submit", displayFormData);
});
以上代码使用Dojo的query
模块选择表单元素,并使用dom
模块操作DOM元素。通过value
属性获取表单元素的值,并使用console.log()
在控制台中显示数据。
这样,当用户在表单中输入数据并点击"显示数据"按钮时,表单数据将被获取并显示在控制台中。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云