Question

我正在尝试增加框以适合所需的占位符文本。如果我将输入类型从“数字”更改为“文本”它可以工作，但我想使用“数字”，所以我可以指定范围。

ng-repeat

Answer 1

使用CSS设置宽度：

＆＃13;

<input type="number" name="distance" required
style="width:20em" min="300" max="600"
required placeholder="Enter a number between 300 & 600">

＆＃13;

Answer 2

更优雅的解决方案是使用Javascript。这会自动将所有输入字段设置为占位符的宽度：

＆＃13;

document.addEventListener('DOMContentLoaded', function() {
	var input = document.querySelectorAll('input');
	for(i=0; i<input.length; i++){
		input[i].setAttribute('size',input[i].getAttribute('placeholder').length);
	}
});

＆＃13;

<input type="text" placeholder="A very long placeholder." /><br />
<input type="text" placeholder="A short one." />

＆＃13;

Answer 3

您希望将长文本显示为占位符，因此您必须增加输入字段的宽度而不是高度。

 Style="width:300px"

增加html中数字字段的大小

3 个答案: