How to Make a Search Bar Using HTML

First, open up the Dreamweaver application and create an html or add to a current html project.

Next, while under the <body> section, create a div class by typing

<div class=”search”>

Press enter to drop to the next line then tab in and type:

<form action=”http://www.kevinsdomain.co.nf/index.html/search.php”>.

(I used my url here for example sake but you will put your own url).

Press enter again and drop to the next line then type:

<input type=”text” name=”search” placeholder=”Enter Keyword Here…”/>

Drop to the next line then type:

<input type=”submit” value=”Search Here”/>

Drop to another line and close the form by typing </form>

Make sure all tags are ended and the code should appear as such.

Image

Image

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s