代码之家  ›  专栏  ›  技术社区  ›  Robert

pug form input type=文本属性“size”不起作用?

pug
  •  0
  • Robert  · 技术社区  · 7 年前

    只是从一些在线例子中学习帕格,并想尝试将表单文本输入长度的大小限制为20个字符。

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

    我发现我可以限制用户可以输入的最大字符数“最大长度=20”:

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

    但是,尝试使用“size=20”限制输入的大小,如下所示:

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

    不更改控件的宽度;它保持不变,占据浏览器中可用的全宽度。

    任何想法都非常感谢!

    1 回复  |  直到 7 年前
        1
  •  2
  •   Sergi Nadal    7 年前

    如果要更改框的大小,应包括内联CSS--gt;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;
    }