 html/tag <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Search Button with Title</title> <style> body{font-family:Arial, sans-serif;margin:0;padding:0;background-color:#f4f4f4;} .container{max-width:800px;margin:20px auto;padding:20px;background-color:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);text-align:center;} h2{color:#333;} input[type="text"]{padding:10px;width:60%;border:2px solid #ccc;border-radius:5px;font-size:16px;} input[type="submit"]{padding:10px 20px;background-color:#333;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;} input[type="submit"]:hover{background-color:#555;} </style></head><body> <div class="container"> <h2>Search for your favorite content</h2> <form action="search-results.html" method="get"> <input type="text" name="query" placeholder="Enter your search..."> <br> <input type="submit" value="Search"> </form> </div></body></html>E | C | X |