A wireframe design can start out as a simple pencil sketch of a user interface. The wireframe can be developed from a low level of detail and functionality up to a high level of detail and functionality.
A wireframe design should include these details:
Each element to be placed in the page has been annotated with a number and a list of these annotations with their instructions placed to the right-hand side of the design.
The list clearly indicates the dimensions, details of background and text colour and any processes being applied. There is some indication of navigation links and the pages they link to.
Consistency can be shown when multiple elements have the same number assigned (e.g. all subheadings are number six) meaning a consistent style is being applied.
We also need to create designs showing what needs to happen when certain actions are performed by the user.
Underlying processes such as PHP scripts could be annotated on a wireframe (e.g. attached to a search button) and then further designed using pseudocode.
Any processes at this point don’t need to be fully designed, this can be completed later using a more structured design notation like pseudocode or structure diagrams where it is easier to show more details.
A better option would be to incorporate the submit button into a PHP/SQL search and show a formatted results (table) being returned on your wireframe.