Forms Bulma输入忽略大小属性

使用Bulma v0.7.1，

input

类会导致

input=“text”

控件扩展到可用列宽，即使指定了size属性也是如此

<label class="label">Short input1</label>
<input class="input" name="short_input1" type="text" size="3">

短输入1

例如：

“良好的表单设计”指出，文本输入应“根据预期输入调整大小”

如何使用Bulma适当调整文本输入的大小

---

不幸的是，Bulma还没有这个功能。
但是，您可以使用onkeypress事件：

<input type="text" class="input" placeholder="Type your Name" name="short_input1" value='' onkeypress="this.style.width = ((this.value.length + 3) * 8) + 'px';">

注意：此解决方案仅在每个字符的宽度正好为8px时有效。

---

看看我的

不幸的是，Bulma还没有这个功能。
但是，您可以使用onkeypress事件：

<input type="text" class="input" placeholder="Type your Name" name="short_input1" value='' onkeypress="this.style.width = ((this.value.length + 3) * 8) + 'px';">

注意：此解决方案仅在每个字符的宽度正好为8px时有效。

---

看看我的

我找不到如何在Bulma中本机设置输入宽度，嵌套列导致相应的标签换行（并且嵌套没有提供对

宽度的微调控制）

所以，我结束了<代码>：/

<input style="width:3em;" class="input" name="inp1" type="text"  placeholder="123">

---

我找不到如何在Bulma中本机设置输入宽度，嵌套列导致相应的标签换行（并且嵌套没有提供对

宽度的微调控制）

所以，我结束了<代码>：/

<input style="width:3em;" class="input" name="inp1" type="text"  placeholder="123">

是的，我仔细查看了文档，很惊讶没有看到一种本地（对Bulma来说）控制输入文本宽度的方法。昨天又加了一句。如果我必须添加样式属性以获得所需的大小，我将采用这种方法。。确实需要在表单第一次打开时设置大小，而不是在键入后设置。@a命令您可以限制字符限制，并对输入字段的列使用特定大小。刚刚在您上面的注释中发布了这一点（请参阅我编辑的小提琴）。我可能还能够编辑Bulma的源css，以删除

.input、.textarea{max width:100%；width:100%；}

，但我担心这可能会破坏移动布局。@因此我不建议搞乱Bulma核心css，因为正如你所说的那样，它会搞乱响应能力DYeah，我浏览了文档，很惊讶没有看到一种本地（对Bulma来说）控制输入文本宽度的方法。昨天又加了一句。如果我必须添加样式属性以获得所需的大小，我将采用这种方法。。确实需要在表单第一次打开时设置大小，而不是在键入后设置。@a命令您可以限制字符限制，并对输入字段的列使用特定大小。刚刚在您上面的注释中发布了这一点（请参阅我编辑的小提琴）。我可能还能够编辑Bulma的源css，以删除

.input、.textarea{max width:100%；width:100%；}

，但我担心这可能会破坏移动布局。@因此我不建议搞乱Bulma核心css，因为正如你所说的那样，它会搞乱响应能力D