html/css에서 드롭 다운 텍스트 상자 정렬

Question

PHP에서 많은 이름을 포함하는 배열이 있습니다. 아래 그림과 같이 사용자가 텍스트 상자에 텍스트를 입력 할 수있게하고 싶습니다. 사용자가이 데이터를 입력 할 때 텍스트 상자에 드롭 다운 목록을 표시하여 사용자가 전체 이름을 입력하지 않고 이름을 클릭하여 선택할 수 있도록합니다. 나는 HTML을 처음 사용하고 이것이 가능한지 확실하지 않다. 서버가 차단되면 내 웹 사이트에서 스크립팅 언어를 사용할 수 없습니다. 어떤 도움을 주시면 감사하겠습니다.

Answer 1

당신은 Datalists 뭔가를해야 할 수도 있습니다.

http://www.w3schools.com/tags/tag_datalist.asp

예를 들어 나를 보여주는

<input list="names"> 

<datalist id="names"> 
<?php foreach ($names as $name) { ?> 
    <option value="<?php echo $name; ?>"> 
<?php } ?> 
</datalist> 

Answer 2

이 중복 질문은 나에게 보인다.

다음 스레드는 원하는 기능을 수행하는 방법에 대한 충분한 정보를 제공해야하는 jsfiddle 예제를 포함합니다.

search box or autocomplete text box for search UL list