Подскажите html код, который открывает подстраницу, введённую в текстовое поле?

Например, я пишу в текстовое поле слово services, нажимаю на кнопку "Перейти" и попадаю на страницу https://www.e-amingexperts.com/services.
Пишу в текстовое поле about-us, жму кнопку и попадаю на https://www.e-gamingexperts.com/about-us
И так далее...
Кто знает, как это сделать? Напишите, пожалуйста. Желательно готовый HTML код.

HtmlРазработка сайтов+3
Tsvetkov Fedor
  · 709
ОтветитьУточнить
Сервис по выбору хостинга сайтов  · good-hoster.ru
Отвечает
Валентин

Вот рабочий пример

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <form action="[https://www.e-amingexperts.com](https://www.e-amingexperts.com)" id="form-example">
        <input type="text" name="action" id="form-example-action">
        <button type="submit">Перейти</button>
    </form>
    <script>
        document.getElementById('form-example').addEventListener('submit', function(e){
            e.preventDefault();
            var url = document.getElementById('form-example').getAttribute('action');
            var action = document.getElementById('form-example-action').value;
            url = url + '/' + action;
            document.location.href = url;
        });
    </script>
</body>
</html>

Если не использовать ЧПУ, можно и без js сделать.

Не работает вобще. открывается не та страница

Комментировать ответ…Комментировать…

Добро пожаловать на Кью!

Кью — это сообщества, в которых делятся знаниями и узнают новое. Расскажите, в чем вы разбираетесь, чтобы мы смогли найти для вас самые интересные вопросы.

Читайте ответы экспертов

Комментируйте и ставьте лайки

Задавайте свои вопросы

И получайте ответы экспертов

Вступайте в сообщества

И общайтесь с единомышленниками