如何在html中限制select标签中的值的长度？

Question

我可以对<select maxlength="128">.......</select>使用maxlength属性吗？我觉得不是！如果人们通常如何处理？提前谢谢！

Answer 1

您可以使用size属性将<select>显示为方框

<select size="5">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
    <option>7</option>
    <option>8</option>
    <option>9</option>
    <option>10</option>
    <option>11</option>
    <option>12</option>
</select>

要限制文字的长度，请添加

select option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
}

Demo