CSS markierten Text mit Suchvorschlag

Question

Ich bin nur ein Anfänger in CSS und HTML. Ich möchte eine Webseite erstellen, die eine Liste von Namen hat und ich in der Lage sein sollte Namen/Namen aus der Liste auswählen (kann mehr als eins sein). Ich würde gerne wissen, ob es einen Weg gibt, den Hintergrund des spezifischen Textes hervorzuheben, anstatt dass ein Kästchen an der Seite geprüft wird.

Ich möchte auch einen Suchvorschlag, die in der Liste navigieren kann.

Ich habe dieses Stück Code, das

function Search() { 
    var input, filter, form, label, a, i; 
    input = document.getElementById("Input"); 
    filter = input.value.toUpperCase(); 
    form = document.getElementById("Input"); 
    label = ul.getElementsByTagName("label"); 
    for (i = 0; i < li.length; i++) { 
     a = label[i].getElementsByTagName("a")[0]; 
     if (a.innerHTML.toUpperCase().indexOf(filter) > -1) { 
      label[i].style.display = ""; 
     } else { 
      label[i].style.display = "none"; 

     } 
    } 
} 

Zusammen mit diesem Stück Code für einen bestimmten Label zu suchen, dass die Liste zeigt

echo "<input type=\"checkbox\" name=\"check_list[]\" value=\"{$row['UserIndex']} class=\"studentUL\"\"><label><a>{$row['LName']}, {$row['FName']}, {$row['Year']}</a></label>"; 

Aber wenn ich suche, zeigt es this . Ohne sucht, zeigt es this

Danke für die Hilfe :)

Answer 1

ich eine ähnliche Frage an Javascript: Change label background color on checkbox sah, dass der Teil Ihrer Frage beantwortet, außer für die Suche