Однопольная html-форма для обновления адреса веб-сайта до того, что введено

#java #php #html #forms #passwords

#java #php #HTML #формы #пароли

Вопрос:

Я предварю этот вопрос словами: я новичок, так что полегче со мной.

Попытка создать однопольную HTML-форму с кнопкой отправки. В принципе, у меня есть веб-сайт, и я хочу иметь единственное поле формы HTML внизу.

Я хотел бы, чтобы пользователь мог ввести слово в поле, например: baby, и в тот момент, когда вы нажмете «Отправить», он обновит URL-адрес на новый веб-сайт с именем файла «baby.html »

пример: адрес веб-сайта: http://www.website.com , затем вы вводите baby в поле и нажимаете submit, он загрузит веб-сайт http://www.website.com/baby.html

У меня нет доступа к серверу, поэтому я пытаюсь встроить все это в HTML-файл.

Вот что у меня есть до сих пор:

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Welcome to Website</title>
</head>
<body>
UNDER CONSTRUCTION
<br>
<br>
<br>
<center>
<form>
<!-- Attempt 1-->
<input type "button"
onclick window.open('https://google.com/' document.getElementById('test').value '.html');"
value "Button"/>
<input type="submit" value="Feeling Lucky">  
<!-- Attempt 2-->
<form onsubmit="location=this.password.value '.html'; return false"><input type="password" 
name="password" />
<input type="submit" value="Feeling Lucky"> -->
</form>
</center>
</body>
</html>