我想知道如何实现它,以便当人们输入内容时,它会显示在屏幕中间的项目符号列表中。喜欢但在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,输出