@@Html-Noob:

nuqneH

<form id="form">

"form" ist kein guter Bezeichner für ein Formular. Zu allgemein, außerdem wird das bereits durch den Elementtypen form ausgedrückt. Für ein Suchformular könnte "search" oder "search-form" ein guter Bezeichner sein. Wozu braucht das eine ID?

<input id="textfeld"></input>

"textfeld" ist kein guter Bezeichner für ein Eingabefeld. Wozu braucht das eine ID? Aber name sollte es doch haben?

Ein Eingabefeld zur Suche sollte auch nicht vom Typ text, sondern search sein: <input name="search" type="search" />.

Und eine Beschriftung (label) sollte das Feld auch haben, oder?

<button id="button"></button>

"button" ist kein kein guter Bezeichner für einen Button. Wozu braucht der eine ID?

Der Button hat keine Beschriftung, ist damit nicht bedienbar. So wird das was: <button>suchen</button>. Den Text kann man mit CSS visuell gegen eine Grafik tauschen (image replacement).

Qapla'