PHP как вывести на страницу текстовое поле, кнопку и список стран?

Question

[gorest]

Здравствуйте, как вывести на страницу текстовое поле, кнопку и список стран. Пользователь вводит текст в поле, нажимает кнопку и в списке выводятся только те страны, которые удовлетворяют условию поиска (строка поиска в результатах выделяется жирным и окрашена в красный).
вот так должно быть:

Comments

[Rsa97]

А как вы уже пробовали и что именно у вас не получается?

[Ипатьев]

это делается не на РНР, а на javascript

[gorest]

Ипатьев, ну, мне нужно именно на php

[Ипатьев]

На РНР это сделать нельзя
РНР выполняется на сервере, где нет ни текстовых полей, ни кнопок, ни пользователя

[gorest]

Rsa97,

<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for names..">

<ul id="myUL">
  <li><a href="#">Adele</a></li>
  <li><a href="#">Agnes</a></li>

  <li><a href="#">Billy</a></li>
  <li><a href="#">Bob</a></li>

  <li><a href="#">Calvin</a></li>
  <li><a href="#">Christina</a></li>
  <li><a href="#">Cindy</a></li>
</ul>

есть такой вот код у меня, но html

[Сергей Соколов]

gorest, в JavaScript функции myFunction() и должна происходить магия.

[irishmann]

gorest, показывай как ты пытался реализовать магию.

[irishmann]

А то ты ща похож на халявщика

[mletov]

gorest, Ипатьев
PHP тут можно, конечно, прикрутить для генерации JSON со списком стран. Например, если они забираются из базы.

[Ипатьев]

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

Answer 1

[Immortal_pony]

Подобный виджет обычно называется Livesearch.
Делается с помощью JS. PHP-сервер может выступать как источник данных. Пример: https://www.w3schools.com/php/php_ajax_livesearch.asp
Готовые решения: https://www.sitepoint.com/14-jquery-live-search-pl...
Ещё пример: https://codepen.io/yuis-ice/pen/pqbEwa

Если выделение найденных букв не сильно критично, то можно вообще голым HTML обойтись:

<div>Choose a browser from this list:</div>
<input list="countries" />
<datalist id="countries">
    <option value="United States">
    <option value="Canada">
    <option value="Russian Federation">
    <option value="Finland">
</datalist>