,可以通过以下步骤实现:
- 首先,需要在HTML中创建一个ul元素,用于显示列表项。例如:<ul id="list"></ul>
- 接下来,在JS中获取表单输入的值,并创建一个新的li元素来包含该值。可以使用addEventListener方法监听表单的提交事件,并在事件处理程序中获取输入的值。例如:document.getElementById("myForm").addEventListener("submit", function(event) {
event.preventDefault(); // 阻止表单默认提交行为
var input = document.getElementById("myInput").value; // 获取输入的值
var li = document.createElement("li"); // 创建新的li元素
li.textContent = input; // 设置li元素的文本内容
document.getElementById("list").appendChild(li); // 将li元素添加到ul中
});在上述代码中,假设表单的id为"myForm",输入框的id为"myInput"。
- 最后,将JS代码放置在页面加载完成后执行的函数中,或者将其放置在<script>标签中,确保JS代码能够正确执行。
这样,当用户在表单中输入内容并提交时,JS代码会将输入的值创建为一个新的li元素,并将其添加到ul列表中显示出来。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云云数据库MySQL。
- 腾讯云云服务器(CVM):提供弹性计算能力,可根据业务需求灵活调整配置。适用于各种应用场景,如网站托管、应用程序部署、数据备份等。了解更多信息,请访问:腾讯云云服务器(CVM)
- 腾讯云云数据库MySQL:提供高性能、可扩展的关系型数据库服务,适用于各种应用场景,如Web应用、移动应用、游戏等。了解更多信息,请访问:腾讯云云数据库MySQL