Javascript 在html中创建一个文本框，可自定义，插入的字符串存储在一个变量中

我如何在HTML中创建一个文本框，我可以用CSS自定义它，并且有一个字符限制，用户传递的字符串存储在js变量中？ 我希望在执行函数

submit（）

时提交数据

我尝试过研究，但我没有看到任何我想要的教程。我看过如何制作表单的教程，但我只想要一个文本框

很抱歉，我没有包含任何代码，但我仍然没有关于我的项目的这一部分的任何内容

多谢各位

---

编辑：另外，当用户键入时，有没有办法知道他或她还剩下多少字符？

所以，如果我理解你的问题，你基本上想要一个HTML文本框，插入的字符数量有限，然后用JS变量访问文本框的值。。。如果是这样的话，那么您可以放置一个带有HTML属性的

textarea

，

maxlength=“…您的号码…”

。然后，您需要为CSS样式和js变量添加一个

id

。在js部分，您只需添加：

var textbox = document.getElementById("your textarea/input id").value;

---

如果问题是，文本框是表单的一部分吗？是否要在用户按submit时访问该值？还是要在用户键入的同时访问该值？您需要更清楚地了解您的意图。输入标记创建一个文本框，表单可以是单个文本框，您可以使用事件将值输入变量，首先使用输入创建文本框，然后在需要事件端帮助时发布。更简单的是一个表单，其中有一个文本框和一个连接到buttom的onclick（），它运行函数将值输入变量。@MiguelM。编辑！我已经解释过我只想要一个文本框。谢谢！顺便问一下，当用户输入时，有没有办法知道他或她还剩下多少字符？