<!DOCTYPE html>
<
head
>
<
link
href
=
rel
=
"stylesheet"
>
</
head
>
<
body
class
=
"text-center mx-4 space-y-2"
>
<
h1
class
=
"text-green-600 text-5xl font-bold"
>
GeeksforGeeks
</
h1
>
<
b
>Tailwind CSS Placeholder Color Class</
b
>
<
div
class="mx-14 bg-green-200 grid grid-rows-4
grid-flow-col text-justify p-4">
<
input
class="placeholder-gray-500 p-3 m-2 rounded-lg
border-2 border-green-400 bg-green-100"
placeholder
=
"Geeksforgeeks@gfg.org"
>
<
input
class="placeholder-red-500 p-3 m-2 rounded-lg
border-2 border-green-400 bg-green-100"
placeholder
=
"Geeksforgeeks@gfg.org"
>
<
input
class="placeholder-yellow-500 p-3 m-2 rounded-lg
border-2 border-green-400 bg-green-100"
placeholder
=
"Geeksforgeeks@gfg.org"
>
<
input
class="placeholder-green-500 p-3 m-2 rounded-lg
border-2 border-green-400 bg-green-100"
placeholder
=
"Geeksforgeeks@gfg.org"
>
<
input
class="placeholder-blue-500 p-3 m-2 rounded-lg
border-2 border-green-400 bg-green-100"
placeholder
=
"Geeksforgeeks@gfg.org"
>
<
input
class="placeholder-indigo-500 p-3 m-2 rounded-lg
border-2 border-green-400 bg-green-100"
placeholder
=
"Geeksforgeeks@gfg.org"
>
<
input
class="placeholder-purple-500 p-3 m-2 rounded-lg
border-2 border-green-400 bg-green-100"
placeholder
=
"Geeksforgeeks@gfg.org"
>
<
input
class="placeholder-pink-500 p-3 m-2 rounded-lg
border-2 border-green-400 bg-green-100"
placeholder
=
"Geeksforgeeks@gfg.org"
>
<
input
class="placeholder-current p-3 m-2 rounded-lg
border-2 border-green-400 bg-green-100"
placeholder
=
"Geeksforgeeks@gfg.org"
>
<
input
class="placeholder-transparent p-3 m-2 rounded-lg
border-2 border-green-400 bg-green-100"
placeholder
=
"Geeksforgeeks@gfg.org"
>
<
input
class="placeholder-white p-3 m-2 rounded-lg
border-2 border-green-400 bg-green-100"
placeholder
=
"Geeksforgeeks@gfg.org"
>
<
input
class="placeholder-black p-3 m-2 rounded-lg
border-2 border-green-400 bg-green-100"
placeholder
=
"Geeksforgeeks@gfg.org"
>
</
div
>
</
body
>
</
html
>