Question

仅从一些在线示例中学习哈巴狗，并想尝试将表格的文本输入长度限制为20个字符。

/api/tasks

我发现我可以用'maxlength = 20'限制用户可以输入的最大字符数：

input#first_name.form-control(type='text' placeholder='First name' name='first_name' required='true' value=(undefined===person ? '' : person.first_name))

但是，尝试将输入的大小限制为'size = 20'，如下所示：

input#first_name.form-control(type='text' maxlength=20 placeholder='First name' name='first_name' required='true' value=(undefined===person ? '' : person.first_name))

不会更改控件的宽度；它保持不变，占据了浏览器中可用的全部宽度。

任何想法都非常感谢！

Answer 1

如果要更改框的大小，则应包括内联CSS-> style =“ width：20px” <-像这样：

input#first_name.form-control(type='text' style="witdh:20px" placeholder='First name' name='first_name' required='true' value=(undefined===person ? '' : person.first_name))

或在CSS中，您可以：

#first_name{
   width:20px;
}

哈巴狗表单输入type = text属性'size'不起作用？

1 个答案: