|
|
#1 |
|
New Member
![]() Join Date: Sep 2010
Posts: 1
|
Hey I was going to search for an answer to this question but I couldn't figure out quite how to word the question without it turning into a book...
So here what i'm trying to do: I'm trying to design a page that is a very basic layout with a google search bar with some radio buttons above it to choose between what types of searches to perform (i.e. web, images, video, etc...) I have everything setup so that the design looks like I want it to but I'm not really sure how to make it functional. I'm very new to forms so any help will be greatly appreciated. I have the page online so that you can see what I have so far here's the link: http://www.g33kdoctors.com/google/index.html Here's a copy of the html code that I have so far. <!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>G33K Doctors - Google Search Page</title> <link href="css/reset.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/default.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="wrapper"> <div id="header"> <div class="logos" id="google"><a class="hidden-links" href="http://www.google.com/" title="Google HomePage">Google Homepage</a></div> <div class="logos" id="g33k"><a class="hidden-links" href="http://www.g33kdoctors.com/" title="G33K Doctors HomePage">G33K Doctors® Website</a></div> <h1><a class="secret-links" href="http://www.google.com/" title="Google's Main Search Page">Google®</a> Search Provided b0y: <a class="secret-links" href="http://www.g33kdoctors.com/" title="G33K Doctors Main HomePage">G33K Doctors®</a></h1> </div> <div class="wrap" id="category-section"> <form id="category"> <input class="category" type="radio" name="category" title="Normal Search for Webpages" checked="checked" /> <span class="category">web</span> <input class="category" type="radio" name="category" title="Search Google for Images" /> <span class="category">images</span> <input class="category" type="radio" name="category" title="Search Google for Videos" /> <span class="category">video</span> <input class="category" type="radio" name="category" title="Search Google Maps" /> <span class="category">maps</span> <input class="category" type="radio" name="category" title="Search Google for News" /> <span class="category">news</span> <input class="category" type="radio" name="category" title="Search Google for Products" /> <span class="category">shopping</span> <input id="search" type="text" name="search" title="Search Box" value="Where would you like to go?" onfocus="this.value=''" /> <input id="search-btn" type="button" name="search" title="Search Button" value="Search" /> </form> </div> <div id="footer"> <div id="links"> <a id="links" href="http://www.g33kdoctors.com/" title="G33K Doctors Main Page">G33K Doctors Homepage</a> <a id="links" href="http://www.google.com/" title="Google's Main Page">Google Search Homepage</a> <a id="links" href="http://www.g33kdoctors.com/about.html" title="G33K Doctors About Us Page">About G33K Doctors</a> </div> <div id="ad"> <h2>Computer Problems? The Doctors are in.</h2> <h2>Call <a class="secret-links" href="http://www.g33kdoctors.com/">G33K Doctors®</a> 24 Hours a Day 7 Days a Week for your computer solutions</h2> <h2>Call us Today! (507) 351-1122</h2> </div> </div> </div> </body> </html> --> Thanks for your help. Ryan |
|
|
|
![]() |
| Tags |
| category, form, google, search |
| Thread Tools | |
| Display Modes | |
|
|