Form by themrsami
#e8e8e8
HTML +TailwindCSS
1<div class="flex flex-col items-center justify-center h-screen light"> 2 <div class="w-full max-w-md bg-white rounded-lg shadow-md p-6"> 3 <h2 class="text-2xl font-bold text-gray-800 mb-4">Product Feedback Form</h2> 4 5 <form class="flex flex-col"> 6 <input placeholder="Full Name" class="bg-gray-100 text-gray-800 border-0 rounded-md p-2 mb-4 focus:bg-gray-200 focus:outline-none focus:ring-1 focus:ring-blue-500 transition ease-in-out duration-150" type="text"> 7 <input placeholder="Email" class="bg-gray-100 text-gray-800 border-0 rounded-md p-2 mb-4 focus:bg-gray-200 focus:outline-none focus:ring-1 focus:ring-blue-500 transition ease-in-out duration-150" type="email"> 8 <select class="bg-gray-100 text-gray-800 border-0 rounded-md p-2 mb-4 focus:bg-gray-200 focus:outline-none focus:ring-1 focus:ring-blue-500 transition ease-in-out duration-150" id="product"> 9 <option value="product-1">Product 1</option> 10 <option value="product-2">Product 2</option> 11 <option value="product-3">Product 3</option> 12 </select> 13 <input placeholder="Rating (1-5)" class="bg-gray-100 text-gray-800 border-0 rounded-md p-2 mb-4 focus:bg-gray-200 focus:outline-none focus:ring-1 focus:ring-blue-500 transition ease-in-out duration-150" type="number"> 14 <textarea placeholder="Feedback" class="bg-gray-100 text-gray-800 border-0 rounded-md p-2 mb-4 focus:bg-gray-200 focus:outline-none focus:ring-1 focus:ring-blue-500 transition ease-in-out duration-150" name="feedback"></textarea> 15 16 <button class="bg-gradient-to-r from-indigo-500 to-blue-500 text-white font-bold py-2 px-4 rounded-md mt-4 hover:bg-indigo-600 hover:to-blue-600 transition ease-in-out duration-150" type="submit">Submit</button> 17 </form> 18 </div> 19</div> 20
958 views
958 views
MIT License