<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
title
> Blaze UI - Autocomplete Attributes </
title
>
<
link
rel
=
"stylesheet"
href
=
<
script
type
=
"module"
src
=
</
script
>
<
style
>
body {
font-family: sans-serif;
}
</
style
>
</
head
>
<
body
>
<
div
class
=
"u-centered"
>
<
h2
style
=
"color: green;"
>
GeeksforGeeks
</
h2
>
<
h3
> Autocomplete Attributes - Blaze UI </
h3
>
</
div
>
<
div
class
=
"u-window-box-super u-centered"
>
<
b
>
Extra-Small Sized Autocomplete with
<
i
>placeholder</
i
> attribute
</
b
>
<
blaze-autocomplete
class
=
"u-xsmall"
placeholder
=
"This is placeholder text."
>
</
blaze-autocomplete
>
<
br
>
<
b
>
Small Sized Autocomplete with
<
i
>placeholder</
i
> attribute
</
b
>
<
blaze-autocomplete
class
=
"u-small"
placeholder
=
"This is placeholder text."
>
</
blaze-autocomplete
>
<
br
>
<
b
>
Medium Sized Autocomplete with
<
i
>placeholder</
i
> attribute
</
b
>
<
blaze-autocomplete
class
=
"u-medium"
placeholder
=
"This is placeholder text."
>
</
blaze-autocomplete
>
<
br
>
<
b
>
Large Sized Autocomplete with
<
i
>placeholder</
i
> attribute
</
b
>
<
blaze-autocomplete
class
=
"u-large"
placeholder
=
"This is placeholder text."
>
</
blaze-autocomplete
>
<
br
>
<
b
>
Extra-Large Sized Autocomplete with
<
i
>placeholder</
i
> attribute
</
b
>
<
blaze-autocomplete
class
=
"u-xlarge"
placeholder
=
"This is placeholder text."
>
</
blaze-autocomplete
>
<
br
>
<
b
>
Super-Sized Autocomplete with
<
i
>placeholder</
i
> attribute
</
b
>
<
blaze-autocomplete
class
=
"u-super"
placeholder
=
"This is placeholder text."
>
</
blaze-autocomplete
>
</
div
>
</
body
>
</
html
>