Html 输入类型样式中的CSS最大长度

Html 输入类型样式中的CSS最大长度,html,css,Html,Css,如何在css中实现最大长度文本(100 char.max)在输入文本框中,css中没有maxlenght属性。 改为使用HTMLMaxLength: <input type="text" name="myInput" maxlength="100"/> 创建一个div容器,并使用display:inline block在其中放置一个输入和一个div元素。然后删除边框并将边框添加到容器中。然后它将看起来像一个单一的输入元素 div{ 宽度:300px; 边框:1px实心#000;

如何在css中实现最大长度文本(100 char.max)

在输入文本框中,css中没有maxlenght属性。 改为使用HTMLMaxLength

<input type="text" name="myInput" maxlength="100"/>

创建一个div容器,并使用
display:inline block
在其中放置一个输入和一个div元素。然后删除边框并将边框添加到容器中。然后它将看起来像一个单一的输入元素

div{
宽度:300px;
边框:1px实心#000;
}
div*{
显示:内联块;
边界:0px;
}
div div{
宽度:120px;
}

最多100个字符。

这只是一个粗略的想法,但使用以下代码,您可以实现与上面发布的布局类似的布局

标签{
显示:内联块;
边框底部:1px纯黑;
}
输入{
边界:无;
填充:10px0;
大纲:无;
}
跨度{
颜色:rgba(0,0,0,0.5);
字体大小:12px;
}

描述
(最多100个字符)

您能否共享您尝试的代码,以便我们可以帮助您修复它?最好的方法是将输入包装在一个包装器中,并在所述包装器的顶部放置一个伪元素
::之后。将包装器设置为
位置:相对
并根据需要绝对定位伪元素。你必须使用包装器,因为你不能在
上放置伪元素,这样你仍然可以相对于输入进行定位。把它放在一个div或其他与输入相关的东西中为什么标记为重复?他想设置
100个字符的样式。
上的最大文本数。