HTML | DOM 输入搜索 minLength 属性

介绍

minLength 属性用于指定输入框中可接受的最小字符数。它通常用于搜索输入框中，以确保用户输入的字符数不低于指定值。如果用户未输入足够的字符，搜索框可能会显示错误或不会显示匹配结果。

语法

minLength 属性是 HTML5 中的新特性，可以在输入框的 input 标签中使用，语法如下：

<input type="text" minlength="n">

其中，n 是一个大于或等于 0 的整数，指定了输入框接受的最小字符数。

示例

下面是一个简单的例子，演示了如何在输入框中使用 minLength 属性：

<label for="search">Search:</label>
<input type="search" name="search" id="search" minlength="3">

在这个示例中，输入框只能接受长度大于或等于 3 的字符串。

JavaScript 获取 minLength 属性的值

可以使用 JavaScript 来获取输入框中 minLength 属性的值。可以通过 getAttribute() 方法来获取属性的值。

var search = document.getElementById('search');
var minlength = search.getAttribute('minlength');

总结

minLength 属性可以确保在搜索框中输入的字符数不低于指定值。它是 HTML5 中的新特性，可以在输入框的 input 标签中使用。可以使用 JavaScript 来获取输入框中 minLength 属性的值。