La biblioteca script.aculo.us es una biblioteca multinavegador que tiene como objetivo mejorar la interfaz de usuario de un sitio web. El Autocompletador se puede utilizar para proporcionar soporte de autocompletado para campos de texto en la página web.
Autocompletar.Local fullSearch es
Sintaxis:
{ fullSearch: boolean }
Valores:
- booleano: este es un valor booleano que especifica si el texto coincidirá en cualquier parte de la string. El valor predeterminado es falso.
Ejemplo 1: en este ejemplo, hemos establecido la opción fullSearch en falso, por lo tanto, no buscará desde ninguna parte de las strings.
HTML
<!DOCTYPE html>
<html>
<head>
<!-- Include the required scripts -->
<script type="text/javascript"
src="prototype.js">
</script>
<script type="text/javascript"
src="scriptaculous.js?load = effects,controls">
</script>
</head>
<body>
<h1>GeeksforGeeks</h1>
<label for="GeeksforGeeks">
Input any name:
</label>
<br />
<input id="GeeksforGeeks" autocomplete="off"
size="40" type="text" value="" />
<div class="autocomplete" id="names"
style="display:none">
</div>
<script type="text/javascript">
// Array to be used as choices
var names = [
'Ab',
'Abc',
'Abcd',
'Abcde',
'Abcdef',
'Abcdefg',
'Abcdefgh'
];
// Initialize the Autocompleter
new Autocompleter.Local('GeeksforGeeks',
'names', names, {
// Specify whether the strings would
// be searched at all positions
fullSearch: false
});
</script>
</body>
</html>
Producción:
Ejemplo 2: en este ejemplo, tenemos que establecer la opción fullSearch en verdadero, por lo tanto, puede buscar desde cualquier parte de las strings.
HTML
<!DOCTYPE html>
<html>
<head>
<!-- Include the required scripts -->
<script type="text/javascript"
src="prototype.js">
</script>
<script type="text/javascript"
src="scriptaculous.js?load = effects,controls">
</script>
</head>
<body>
<h1>GeeksforGeeks</h1>
<label for="GeeksforGeeks">
Input any name:
</label>
<br />
<input id="GeeksforGeeks" autocomplete="off"
size="40" type="text" value="" />
<div class="autocomplete" id="names"
style="display:none">
</div>
<script type="text/javascript">
// Array to be used as choices
var names = [
'Ab',
'Abc',
'Abcd',
'Abcde',
'Abcdef',
'Abcdefg',
'Abcdefgh'
];
// Initialize the Autocompleter
new Autocompleter.Local('GeeksforGeeks',
'names', names, {
// Specify whether the strings would
// be searched at all positions
fullSearch: true
});
</script>
</body>
</html>
Producción:
