如何将项目符号列表添加到我的java脚本代码中.此外，我如何将用户输入居中，如<居中>但使用javascri

How can i add a bulleted list to my java script code. Also how do i center the the user input like <center> but in javascript

本文关键字：lt gt javascri 输入 居中 此外 添加 列表 符号 项目 我的      更新时间：2023-09-26

我想知道如何实现它，以便当人们输入内容时，它会显示在屏幕中间的项目符号列表中。喜欢但在javascript中？我的代码来自：如何在HTML页面上向用户显示输入？

 <html><head></head><body>
<input id="title" type="text" maxlength="276"  onkeyup="Allow()" >
<input type="submit" value="Save/Show" onclick="insert()" />
<div id="display"></div>

<script type="text/javascript">
var titles  = [];
var titleInput  = document.getElementById("title");
var messageBox  = document.getElementById("display");
function Allow(){
    if (!user.title.value.match(/[a-zA-Z1-9]$/) && user.title.value !="") {
        user.title.value="";
        alert("Please Enter only alphabets");
    }
}
function insert () {
    titles.push(titleInput.value);
    clearAndShow();
}
function clearAndShow () {
    titleInput.value = "";
    messageBox.innerHTML = "";
 messageBox.innerHTML += "To Do: " + titles.join(",   ") + "<br/>";
}
</script>
</body>
</html>

jsbin示例：https://jsbin.com/xahidolibu/edit?html，输出

我已将您的代码修改为：

  • 在clearAndShow()上创建列表而不是逗号分隔的字符串
  • 添加css以居中对齐列表

jsbin：https://jsbin.com/lamebopidu/1/edit?html，css，输出

相关文章：