Sunteți pe pagina 1din 48

A REPORT ON A Field Guide Application for Ornithology

BY

Akhil Oswal Kshaunish Jaini

2008A3PS026G 2008B4A3083G

PREPARED IN PARTIAL FULFILMENT OF THE COMPUTER ORIENTED PROJECT COURSE NO. BITS-C331

BIRLA INSTITUTE OF TECHNOLOGY AND SCIENCE, PILANI, GOA

2011

Introduction

Bird watching or birding is the observation of birds as a recreational activity. It can be done with the naked eye, through a visual enhancement device like binoculars and telescopes, or by listening for bird sounds. Birding often involves a significant auditory component, as many bird species are more readily detected and identified by ear than by eye. Most birdwatchers pursue this activity mainly for recreational or social reasons, unlike ornithologists, who engage in the study of birds using more formal scientific methods. Most birdwatchers will keep an eye on birds around them at all times but will make specific trips to observe birds fulltime. The most active times of the year for birding in temperate zones are during the spring or fall migrations when the greatest variety of birds may be seen. On these occasions, large numbers of birds travel north or south to wintering or nesting locations. Early mornings are typically better as the birds are more active and vocal making them easier to spot. Certain locations such as the local patch of forest, wetland and coast may be favoured according to the location and season. Seawatching is a type of birdwatching where observers based at a coastal watch point, such as a headland, watch birds flying over the sea. This is one form of pelagic birding, by which pelagic bird species are viewed. Another way birdwatchers view pelagic species is from seagoing vessels. Weather plays an important role in the occurrence of rare birds.

About the Software:

This is a program to help Amateur and Professional Bird watching enthusiasts to identify bird species in the field. Accessible through the internet via a Computer/Cell phone/Tablet, the program matches characteristics entered by the user against a database we have created and identifies the nearest matching birds and displays their photographs and provides further information via a Wikipedia link. This identification program is for birds in Goa and parts of India. Fill out the form as best as you can and you'll find which bird match. It's better to start with a few characteristics you are sure about, then add more as needed. Use the "Back" button to go back and add (or subtract) characteristics. Field Guides that can assist in the identification of Birds in Goa are:
The Book of Indian Birds, Dr.Salim Ali The Birds of Southern India, Grimmett and Inskipp

Input Forms for User Interface

Feet Reference

Beak Reference
Typical to Ibis Bill length Very long Bill thickness Medium Bill shape Down curved Photo

Avocet

Very long

Thin

Upcurve d

Raptor

Medium

Very Thick

Hooked

Storks, Pelicans

Very long

Very thick

Straight

Tern

Long

Thick

straight

Woodpecke r

long

Thin

Straight

Sunbird

Long

Thin

Down Curved

Swift

Short

Thin

Down Curved

Myna

Medium

Thick

Straight

Database Reference Images and Program Running:


For a Particular User Entry: The user entered Colors: Black, White, Gray Size Very Large Body Shape 3 (Raptor Form)

Program Generated Output:

Excel(VB) Code for Characteristic Matching:

Size Matching:
=IF(Table62[[#This Row],[Size]]=E$3,10,IF(Table62[[#This Row],[Size]]=(E$3 +1),5,(IF(Table62[[#This Row],[Size]]=(E$3 -1),5,0))))

Color Matching:
=5*SUMPRODUCT(Table62[[#This Row],[Red]:[dull brown]],$G$3:$W$3)

Beak Matching:
=SUM((IF(AND((AC4=AC$3),(ISBLANK(AC4)=FALSE)),1,(IF(AND((AC4=AD$3),(ISB LANK(AC4)=FALSE)),1,0)))),(IF(AND((AD4=AD$3),(ISBLANK(AD4)=FALSE)),1,(IF(A ND((AD4=AC$3),(ISBLANK(AD4)=FALSE)),1,0))))) =SUM(AND(IF(Z4=Z$3,2,0),ISBLANK(Z4)=FALSE),AND(IF(AA4=AA$3,2,0),ISBLAN K(AA4)=FALSE),AND(IF(AB4=AB$3,2,0),ISBLANK(AB4)=FALSE)) =Table62[[#This Row],[Beak ShapeMatch]]+Table62[[#This Row],[Beak ColorMatch]]

Leg Matching:
=SUM(AND(IF(AH3=AH$3,1,0),ISBLANK(AH3)=FALSE),AND(IF(AI3=AI$3,1,0),ISBL ANK(AI3)=FALSE),AND(IF(AJ3=AJ$3,1,0),ISBLANK(AJ3)=FALSE))

Form Matching:
=IF((AND(IF(Table62[[#This Row],[Body Shape]]=AL$3,5,0),ISBLANK(Table62[[#This Row],[Body Shape]])=FALSE))=TRUE,10,0)

Neck Matching:
=SUM((IF(AND((AN3=AN$3),(ISBLANK(AN3)=FALSE)),1,0)),(IF(AND((AO3=AO$3),(ISBLANK(AO 3)=FALSE)),1,0)))

Wingshape Matching:
=SUM((IF(AND((AQ3=AQ$3),(ISBLANK(AQ3)=FALSE)),1,0)),(IF(AND((AR3=AR$3),(ISBLANK(AR 3)=FALSE)),1,0)),(IF(AND((AS3=AS$3),(ISBLANK(AS3)=FALSE)),1,0)),(IF(AND((AT3=AT$3),(ISBL ANK(AT3)=FALSE)),1,0))) =SUM((IF(AND((AZ3=AZ$3),(ISBLANK(AZ3)=FALSE)),1,0)),(IF(AND((BA3=BA$3),(ISBLANK(BA3) =FALSE)),1,0)),(IF(AND((BB3=BB$3),(ISBLANK(BB3)=FALSE)),1,0))) =Table62[[#This Row],[Wing Property match]]+Table62[[#This Row],[wing Color Match]]+Table62[[#This Row],[Wingshape match]]

Body Shape Matching:


=IF((AND(IF(Table62[[#This Row],[Body Shape]]=AL$3,5,0),ISBLANK(Table62[[#This Row],[Body Shape]])=FALSE))=TRUE,10,0)

Neck Matching:
=SUM((IF(AND((AN3=AN$3),(ISBLANK(AN3)=FALSE)),1,0)),(IF(AND((AO3=AO$3),(ISBLANK(AO 3)=FALSE)),1,0)))

Color Matching:
=SUM((IF(AND((BF4=BF$3),(ISBLANK(BF4)=FALSE)),1,0)),(IF(AND((BG4=BG$3),(ISBLANK(BG4) =FALSE)),1,0)),(IF(AND((BH4=BH$3),(ISBLANK(BH4)=FALSE)),1,0)),(IF(AND((BI4=BI$3),(ISBLAN K(BI4)=FALSE)),1,0)),(IF(AND((BJ4=BJ$3),(ISBLANK(BJ4)=FALSE)),1,0)),(IF(AND((BE4=BE$3),(IS BLANK(BE4)=FALSE)),1,0)))

Head Matching:
=SUM((IF(AND((BL3=BL$3),(ISBLANK(BL3)=FALSE)),1,0)),(IF(AND((BM3=BM$3),(ISBLANK(BM 3)=FALSE)),1,0)),(IF(AND((BN3=BN$3),(ISBLANK(BN3)=FALSE)),1,0)),(IF(AND((BO3=BO$3),(IS BLANK(BO3)=FALSE)),5,0)),(IF(AND((BP3=BP$3),(ISBLANK(BP3)=FALSE)),2,0)),(IF(AND((BQ3=

BQ$3),(ISBLANK(BQ3)=FALSE)),2,0)),(IF(AND((BP3=BQ$3),(ISBLANK(BP3)=FALSE)),2,0)),(IF(A ND((BQ3=BP$3),(ISBLANK(BQ3)=FALSE)),2,0)))

Habitat Matching:
=2*IF(OR((IF(AND((BS3=BS$3),(ISBLANK(BS3)=FALSE)),1,0)),(IF(AND((BT3=BT$3),(ISBLANK(BT 3)=FALSE)),1,0)),(IF(AND((BU3=BU$3),(ISBLANK(BU3)=FALSE)),1,0)),(IF(AND((BV3=BV$3),(ISB LANK(BV3)=FALSE)),1,0)),(IF(AND((BW3=BW$3),(ISBLANK(BW3)=FALSE)),1,0)),(IF(AND((BX3= BX$3),(ISBLANK(BX3)=FALSE)),1,0)),(IF(AND((BY3=BY$3),(ISBLANK(BY3)=FALSE)),1,0)),(IF(AN D((BZ3=BZ$3),(ISBLANK(BZ3)=FALSE)),1,0)),(IF(AND((CA3=CA$3),(ISBLANK(CA3)=FALSE)),1,0) ))=TRUE,5,0)

Special Features:
=5*SUM((IF(AND((CP3=CP$3),(ISBLANK(CP3)=FALSE)),1,0)),(IF(AND((CQ3=CQ$3),(ISBLANK(C Q3)=FALSE)),1,0)),(IF(AND((CR3=CR$3),(ISBLANK(CR3)=FALSE)),1,0)),(IF(AND((CS3=CS$3),(ISB LANK(CS3)=FALSE)),1,0)),(IF(AND((CT3=CT$3),(ISBLANK(CT3)=FALSE)),1,0)),(IF(AND((CU3=CU $3),(ISBLANK(CU3)=FALSE)),1,0)),(IF(AND((CV3=CV$3),(ISBLANK(CV3)=FALSE)),1,0)),(IF(AND(( CW3=CW$3),(ISBLANK(CW3)=FALSE)),1,0)),(IF(AND((CX3=CX$3),(ISBLANK(CX3)=FALSE)),1,0)) ,(IF(AND((CY3=CY$3),(ISBLANK(CY3)=FALSE)),1,0)),(IF(AND((CZ3=CZ$3),(ISBLANK(CZ3)=FALSE )),1,0)),(IF(AND((DA3=DA$3),(ISBLANK(DA3)=FALSE)),1,0)),(IF(AND((DB3=DB$3),(ISBLANK(DB 3)=FALSE)),1,0)),(IF(AND((DC3=DC$3),(ISBLANK(DC3)=FALSE)),1,0)),)

Total Match:
=Table62[[#This Row],[Size Match]]+Table62[[#This Row],[Color Match]]+Table62[[#This Row],[Beak Match]]+Table62[[#This Row],[Column1]]+Table62[[#This Row],[Column2]]+Table62[[#This Row],[Column3]]+Table62[[#This Row],[Colortype match]]+Table62[[#This Row],[Head Match]]+Table62[[#This Row],[Column4]]+Table62[[#This Row],[Tail Match]]+Table62[[#This Row],[Special Match]]+Table62[[#This Row],[Leg Match]]

Probability Testing:
=Table62[[#This Row],[Column5]]/DE$3 =IF(Table62[[#This Row],[Column6]]>=0.85,"very High",IF(Table62[[#This Row],[Column6]]>=0.75,"high",IF(Table62[[#This Row],[Column6]]>=0.6,"medium","low")))

Bird Probability Rank:


=COUNTIF($DF$4:$DF$67,">" & DF4) + COUNTIF($DF$4:DF4,DF4)

Address of respective Bird:


=CELL("row",OFFSET($DI$4,MATCH(SMALL($DI$4:$DI$67,1),$DI$4:$DI$67,0)-1,0)) =ADDRESS(B3, 1, 4, TRUE, "User Entry") =ADDRESS(B3, 110, 4, TRUE, "User Entry")

Wikipedia Link Address:


=ADDRESS(B3, 112, 4, TRUE, "User Entry")

Result:
=PROPER(INDIRECT(G3)) =Result!C3

PHP Code for the Input forms and Output

<!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>Basic Details:</title> <link rel="stylesheet" type="text/css" href="view.css" media="all"> <script type="text/javascript" src="view.js"></script>

</head> <body id="main_body" >

<img id="top" src="top.png" alt=""> <div id="form_container">

<h1><a>Basic Details:</a></h1> <form id="form_296694" class="appnitro" method="post" action="..\user_input.php"> <div class="form_description"> <h2>Basic Details:</h2> <p>Size and Color description</p> </div> <ul >

<li id="li_1" >

<label class="description" for="bird_size">Size </label> <div> <select class="bird_size element select medium" id="bird_size" name="bird_size"> <option value="" selected="selected"></option> <option value="1" >Very Small (10-20 cm)</option> <option value="2" >Small (20-30 cm)</option> <option value="3" >Medium (30-45 cm)</option> <option value="4" >Large (45-60 cm)</option> <option value="5" >Huge (>60 cm)</option>

</select> </div><p class="guidelines" id="guide_1"><small>(Length, Defined from tip of the beak to end of tail)</small></p> </li> <li id="li_2" >

<label class="description" for="bodycolor">Colours Present </label> <span> <input id="bodycolor_1" name="bodycolor_1" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="bodycolor_1">red</label> <input id="bodycolor_2" name="bodycolor_2" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="bodycolor_2">yellow</label> <input id="bodycolor_3" name="bodycolor_3" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="bodycolor_3">light blue</label> <input id="bodycolor_4" name="bodycolor_4" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="bodycolor_4">blue/dark blue</label>

<input id="bodycolor_5" name="bodycolor_5" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="bodycolor_5">pink</label> <input id="bodycolor_6" name="bodycolor_6" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="bodycolor_6">green</label> <input id="bodycolor_7" name="bodycolor_7" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="bodycolor_7">dark brown</label> <input id="bodycolor_8" name="bodycolor_8" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="bodycolor_8">black</label> <input id="bodycolor_9" name="bodycolor_9" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="bodycolor_9">white</label> <input id="bodycolor_10" name="bodycolor_10" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="bodycolor_10">orange</label> <input id="bodycolor_11" name="bodycolor_11" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="bodycolor_11">gray</label> <input id="bodycolor_12" name="bodycolor_12" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="bodycolor_12">ruddy</label> <input id="bodycolor_13" name="bodycolor_13" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="bodycolor_13">bluish green</label> <input id="bodycolor_14" name="bodycolor_14" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="bodycolor_14">greenish brown</label> <input id="bodycolor_15" name="bodycolor_15" class="element checkbox" type="checkbox" value="1" />

<label class="choice" for="bodycolor_15">dull yellow</label> <input id="bodycolor_16" name="bodycolor_16" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="bodycolor_16">purple</label> <input id="bodycolor_17" name="bodycolor_17" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="bodycolor_17">dull brown</label>

</span>

</div>

<div id="form_container">

<h1><a>Body Shape</a></h1>

<h2>Body Shape</h2> <p>Overall form description</p> </div> <ul >

<li id="li_1" > <label class="description" for="bird_shape_1">Choose an appropriate overall form </label> <span> <input id="bird_shape" name="bird_shape" class="bird_shape radio" type="radio" value="1" /> <img src="crow.gif" Hspace="30" Vspace="30" height="200">

<label class="choice" for="bird_shape_1_1">Crow-like ( Orioles, tree pies, mynas etc.)</label> <input id="bird_shape_1_2" name="bird_shape_1" class="bird_shape radio" type="radio" value="2" /> <img src="sparrow.png" height="200" Hspace="30" Vspace="30">

<label class="choice" for="bird_shape_1_2">Sparrow/finch-like (flycatchers, swifts, robins etc.)</label> <input id="bird_shape_1_3" name="bird_shape_1" class="bird_shape radio" type="radio" value="3" /> <img src="raptor.jpg" Hspace="30" Vspace="30" height="200"> <label class="choice" for="bird_shape_1_3">Raptor-like (Eagles, Kites, Buzzards, Falcons etc.)</label> <input id="bird_shape_1_4" name="bird_shape_1" class="bird_shape radio" type="radio" value="4" /> <img src="roller.gif" Hspace="30" Vspace="30" height="200"> <label class="choice" for="bird_shape_1_4">Barbet-like (Trogons, rollers, nightjars etc.)</label> <input id="bird_shape_1_5" name="bird_shape_1" class="bird_shape radio" type="radio" value="5" /> <img src="wader.jpg" Hspace="30" Vspace="30" height="200"> <label class="choice" for="bird_shape_1_5">Wader-like (sandpipers, jacanas, plovers etc.)</label> <input id="bird_shape_1_6" name="bird_shape_1" class="bird_shape radio" type="radio" value="6" /> <img src="crane.jpg" Hspace="30" Vspace="30" height="200"> <label class="choice" for="bird_shape_1_6">Crane-like (cranes, storks, egrets etc.)</label> <input id="bird_shape_1_7" name="bird_shape_1" class="bird_shape radio" type="radio" value="7" /> <img src="quail.jpg" Hspace="30" Vspace="30" height="200"> <label class="choice" for="bird_shape_1_7">Fowl-like (quails, fowl, francolin etc.)</label> <input id="bird_shape_1_8" name="bird_shape_1" class="bird_shape radio" type="radio" value="8" /> <img src="tern.jpg" Hspace="30" Vspace="30" height="200">

<label class="choice" for="bird_shape_1_8">Seabird-like (terns, gulls, shearwaters etc.)</label> <input id="bird_shape_1_9" name="bird_shape_1" class="bird_shape radio" type="radio" value="9" /> <img src="owl.jpg" Hspace="30" Vspace="30" height="200"> <label class="choice" for="bird_shape_1_9">Owl-like (owls, frogmouth)</label>

</span>

</div>

<div id="form_container">

<h1><a>Features</a></h1>

<h2>Features</h2> <p>Beak, legs, tail details </p> </div> <ul >

<li class="section_break"> <h3>BEAK</h3> <p></p> </li> <li id="li_3" >

<label class="description" for="beak_len">Length </label> <div> <select class="beak_len select medium" id="beak_len" name="beak_len">

<option value="" selected="selected"></option> <option value="1" >Short</option> <option value="2" >Medium</option> <option value="3" >Long</option> <option value="4" >Very long</option>

</select> </div> </li> <li id="li_5" >

<label class="description" for="beak_thick">Thickness </label> <div> <select class="beak_thick select medium" id="beak_thick" name="beak_thick"> <option value="" selected="selected"></option> <option value="1" >Thin</option> <option value="2" >Medium</option> <option value="3" >thick</option> <option value="4" >Very thick</option>

</select> </div> </li> <li id="li_4" >

<label class="description" for="beak_shape">Shape </label> <div> <select class="beak_shape select medium" id="beak_shape" name="beak_shape"> <option value="" selected="selected"></option> <option value="1" >Straight</option> <option value="2" >Downcurved</option>

<option value="3" >Upcurved</option> <option value="4" >Hooked</option>

</select> </div> </li> <li id="li_7" >

<label class="description" for="beak_color_1">Color 1 </label> <div> <select class="beak_color_1 select medium" id="beak_color_1" name="beak_color_1"> <option value="" selected="selected"></option> <option value="1" >Black/dark brown</option> <option value="2" >White</option> <option value="3" >Gray</option> <option value="4" >yellow/orange</option> <option value="5" >red</option> <option value="6" >brown</option> <option value="7" >blue</option> <option value="8" >green</option>

</select> </div> </li> <li id="li_8" >

<label class="description" for="beak_color_2">Color 2 </label> <div> <select class="beak_color_2 select medium" id="beak_color_2" name="beak_color_2"> <option value="" selected="selected"></option>

<option value="1" >Black/dark brown</option> <option value="2" >White</option> <option value="3" >Gray</option> <option value="4" >yellow/orange</option> <option value="5" >red</option> <option value="6" >brown</option> <option value="7" >blue</option> <option value="8" >green</option>

</select> </div> </li> <li class="section_break"> <h3>LEGS</h3> <p></p> </li> <li id="li_9" >

<label class="description" for="leg_color">Color </label> <div> <select class="leg_color select medium" id="leg_color" name="leg_color"> <option value="" selected="selected"></option> <option value="1" >Black/dark brown</option> <option value="2" >White</option> <option value="3" >Gray</option> <option value="4" >yellow/orange</option> <option value="5" >red</option> <option value="6" >brown</option> <option value="7" >blue</option> <option value="8" >green</option>

</select> </div> </li> <li id="li_6" >

<label class="description" for="leg_length">Length </label> <div> <select class="leg_length select medium" id="leg_length" name="leg_length"> <option value="" selected="selected"></option> <option value="1" >Short</option> <option value="2" >Medium</option> <option value="3" >long</option> <option value="4" >Very long</option>

</select> </div> </li> <li id="li_10" >

<label class="description" for="leg_shape">Shape/function </label> <div> <select class="leg_shape select medium" id="leg_shape" name="leg_shape"> <option value="" selected="selected"></option> <option value="1" >perching</option> <option value="2" >crushing</option> <option value="3" >climbing</option> <option value="4" >wading</option> <option value="5" >walking</option> <option value="6" >swimming</option>

</select> </div> </li>

</div>

<div id="form_container">

<h1><a>Features</a></h1>

<h2>Features</h2> <p>Neck and Head Details </p> </div> <ul >

<li class="section_break"> <h3>NECK</h3> <p></p> </li> <li id="li_3" >

<label class="description" for="neck_len">Length </label> <div> <select class="neck_len select medium" id="neck_len" name="neck_len"> <option value="" selected="selected"></option> <option value="1" >Short</option>

<option value="2" >Medium</option> <option value="3" >Long</option> <option value="4" >Very long</option>

</select> </div> </li> <li id="li_5" >

<label class="description" for="neck_thick">Thickness </label> <div> <select class="neck_thick select medium" id="neck_thick" name="neck_thick"> <option value="" selected="selected"></option> <option value="1" >Thin</option> <option value="2" >Medium</option> <option value="3" >thick</option>

</select> </div> </li> <li class="section_break"> <h3>HEAD</h3> <p></p> </li> <li id="li_9" >

<label class="description" for="head_color_1">Color 1 </label> <div> <select class="head_color_1 select medium" id="head_color_1" name="head_color_1"> <option value="" selected="selected"></option> <option value="1" >Black/dark brown</option> <option value="2" >White</option>

<option value="3" >Gray</option> <option value="4" >yellow/orange</option> <option value="5" >red</option> <option value="6" >brown</option> <option value="7" >blue</option> <option value="8" >green</option> </select> </div> </li> <li id="li_10" >

<label class="description" for="head_color_2">Color 2 </label> <div> <select class="head_color_2 select medium" id="head_color_2" name="head_color_2"> <option value="" selected="selected"></option> <option value="1" >Black/dark brown</option> <option value="2" >White</option> <option value="3" >Gray</option> <option value="4" >yellow/orange</option> <option value="5" >red</option> <option value="6" >brown</option> <option value="7" >blue</option> <option value="8" >green</option>

</select> </div> </li> <li id="li_11" >

<label class="description" for="head_feat">Distinguishing Features</label> <span>

<input id="head_feat_1" name="head_feat_1" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="head_feat_1">Eye patch</label> <input id="head_feat_2" name="head_feat_2" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="head_feat_2">Eye streak</label> <input id="head_feat_3" name="head_feat_3" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="head_feat_3">Moustache</label> <input id="head_feat_4" name="head_feat_4" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="head_feat_4">Crest</label>

</span> </li>

</ul> </div>

<div id="form_container">

<h1><a>Features</a></h1>

<h2>Features</h2> <p>Wing Details</p> </div> <ul >

<li class="section_break"> <h3>WINGS</h3> <p></p> </li> <li id="li_3" >

<label class="description" for="wing_span">Wingspan </label> <div> <select class="wing_span select medium" id="wing_span" name="wing_span"> <option value="" selected="selected"></option>

<option value="1" >Short</option> <option value="2" >Medium</option> <option value="3" >Long</option> <option value="4" >Very long</option>

</select> </div> </li> <li id="li_5" >

<label class="description" for="wing_shape">Wingshape </label> <div> <select class="wing_shape select medium" id="wing_shape" name="wing_shape"> <option value="" selected="selected"></option>

<option value="1" >Song-bird like</option> <option value="2" >Raptor-like</option> <option value="3" >Swift-like</option> <option value="4" >Tern-like</option>

</select> </div> </li> <li id="li_12" >

<label class="description" for="wing_breadth">Wing breadth </label> <div> <select class="wing_breadth select medium" id="wing_breadth" name="wing_breadth"> <option value="" selected="selected"></option>

<option value="1" >Thin</option> <option value="2" >Broad</option>

</select> </div> </li> <li id="li_13" >

<label class="description" for="flight_type">Flight Type </label> <div> <select class="flight_type select medium" id="flight_type" name="flight_type"> <option value="" selected="selected"></option>

<option value="1" >Acrobatic</option> <option value="2" >Gliding/Soaring</option> <option value="3" >Hovering</option> <option value="4" >Flapping</option>

</select> </div> </li> <li class="section_break">

<h3>Colors</h3> <p></p> </li> <li id="li_10" >

<label class="description" for="wing_color_1">Color 1 </label> <div> <select class="wing_color_1 select medium" id="wing_color_1" name="wing_color_1"> <option value="" selected="selected"></option>

<option value="1" >Black/dark brown</option> <option value="2" >White</option> <option value="3" >Gray</option> <option value="4" >yellow/orange</option> <option value="5" >red</option> <option value="6" >brown</option> <option value="7" >blue</option> <option value="8" >green</option>

</select> </div> </li> <li id="li_14" >

<label class="description" for="wing_color_2">Color 2 </label> <div> <select class="wing_color_2 select medium" id="wing_color_2" name="wing_color_2"> <option value="" selected="selected"></option>

<option value="1" >Black/dark brown</option>

<option value="2" >White</option> <option value="3" >Gray</option> <option value="4" >yellow/orange</option> <option value="5" >red</option> <option value="6" >brown</option> <option value="7" >blue</option> <option value="8" >green</option>

</select> </div> </li> <li id="li_15" >

<label class="description" for="wing_color_3">Color 3 </label> <div> <select class="wing_color_3 select medium" id="wing_color_3" name="wing_color_3">

<option value="" selected="selected"></option>

<option value="1" >Black/dark brown</option> <option value="2" >White</option> <option value="3" >Gray</option> <option value="4" >yellow/orange</option> <option value="5" >red</option> <option value="6" >brown</option> <option value="7" >blue</option> <option value="8" >green</option>

</select>

</div> </li> <li id="li_11" >

<label class="description" for="wing_feat">Special Features </label> <span> <input id="wing_feat_1" name="wing_feat_1" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="wing_feat_1">Wing bar</label> <input id="element_11_2" name="wing_feat_2" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="wing_feat_2">Wing mirror</label> <input id="wing_feat_3" name="wing_feat_3" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="wing_feat_3">Banded Wing</label>

</span> </li>

</div>

<div id="form_container">

<h1><a>Features</a></h1>

<h2>Features</h2> <p>Color Specifics and Tail details</p> </div> <ul >

<li id="li_2" > <label class="description" for="body_color_properties">Color Properties </label> <span> <input id="body_color_properties_1" name="body_color_properties_1" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="body_color_properties_1">spotted</label> <input id="body_color_properties_2" name="body_color_properties_2" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="body_color_properties_2">pied</label> <input id="body_color_properties_3" name="body_color_properties_3" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="body_color_properties_3">banded</label> <input id="body_color_properties_4" name="body_color_properties_4" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="body_color_properties_4">plain</label> <input id="body_color_properties_5" name="body_color_properties_5" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="body_color_properties_5">streaked</label>

</span> </li> <li id="li_4" >

<label class="description" for="body_color_brightness">Color Type </label> <div> <select class="body_color_brightness select medium" id="body_color_brightness" name="body_color_brightness"> <option value="" selected="selected"></option>

<option value="1" >Dull</option> <option value="2" >Bright</option> <option value="3" >Spangled/glossy</option>

</select> </div> </li> <li class="section_break"> <h3>TAIL</h3> <p></p> </li> <li id="li_5" >

<label class="description" for="tail_len">Length </label> <div> <select class="tail_len select medium" id="tail_len" name="tail_len"> <option value="" selected="selected"></option>

<option value="1" >Short</option> <option value="2" >Medium</option> <option value="3" >Long</option> <option value="4" >Very long</option>

</select> </div> </li> <li id="li_6" >

<label class="description" for="tail_color_1">Color 1 </label> <div> <select class="tail_color_1 select medium" id="tail_color_1" name="tail_color_1"> <option value="" selected="selected"></option>

<option value="1" >Black/dark brown</option> <option value="2" >white</option>

<option value="3" >grey</option> <option value="4" >yellow/orange</option> <option value="5" >red</option> <option value="6" >brown</option> <option value="7" >blue</option> <option value="8" >green</option>

</select> </div> </li> <li id="li_7" >

<label class="description" for="tail_color_2">Color 2 </label> <div> <select class="tail_color_2 select medium" id="tail_color_2" name="tail_color_2"> <option value="" selected="selected"></option>

<option value="1" >Black/dark brown</option> <option value="2" >white</option> <option value="3" >grey</option> <option value="4" >yellow/orange</option> <option value="5" >red</option> <option value="6" >brown</option> <option value="7" >blue</option> <option value="8" >green</option>

</select> </div> </li> <li id="li_3" >

<label class="description" for="tail_feat">Distinctive Tail Features</label> <span> <input id="tail_feat_1" name="tail_feat_1" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="tail_feat_1">Lightly forked</label> <input id="element_3_2" name="tail_feat_2" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="tail_feat_2">Deeply forked</label> <input id="element_3_3" name="tail_feat_3" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="tail_feat_3">Streamers</label> <input id="element_3_4" name="tail_feat_4" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="tail_feat_4">banded</label> <input id="element_3_5" name="tail_feat_5" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="tail_feat_5">Spread</label> <input id="element_3_6" name="tail_feat_6" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="tail_feat_6">fan-like</label> <input id="element_3_7" name="tail_feat_7" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="tail_feat_7">pointed</label> <input id="element_3_8" name="tail_feat_8" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="tail_feat_8">wedge-shaped</label> <input id="element_3_9" name="tail_feat_9" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="tail_feat_9">rounded</label>

</span>

</li>

</div>

<div id="form_container">

<h1><a>Features</a></h1> <div class="form_description"> <h2>Features</h2> <p>Habitat and Special Features</p> </div> <ul >

<li class="section_break"> <h3>Habitat</h3> <p></p> </li> <li id="li_2" >

<label class="description" for="habitat"> </label> <span> <input id="habitat_1" name="habitat_1" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="habitat_1">Marsh/Wetland</label> <input id="habitat_2" name="habitat_2" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="habitat_2">Fresh Water</label> <input id="habitat_3" name="habitat_3" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="habitat_3">Coastal</label> <input id="habitat_4" name="habitat_4" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="habitat_4">Dry/Scrub</label>

<input id="habitat_5" name="habitat_5" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="habitat_5">Cultivation</label> <input id="habitat_6" name="habitat_6" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="habitat_6">Hill/Mountain</label> <input id="habitat_7" name="habitat_7" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="habitat_7">Forest</label> <input id="habitat_8" name="habitat_8" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="habitat_8">City</label> <input id="habitat_9" name="habitat_9" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="habitat_9">Bushes/Undercover</label>

</span> </li> <li id="li_3" >

<label class="description" for="spec_feat">Special Features </label> <span> <input id="spec_feat_1" name="spec_feat_1" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="spec_feat_1">Neck pouch</label> <input id="spec_feat_2" name="spec_feat_2" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="spec_feat_2">unique tail</label> <input id="spec_feat_3" name="spec_feat_3" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="spec_feat_3">wattled bill</label> <input id="spec_feat_4" name="spec_feat_4" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="spec_feat_4">upcurved beak</label> <input id="spec_feat_5" name="spec_feat_5" class="element checkbox" type="checkbox" value="1" />

<label class="choice" for="spec_feat_5">bent beak</label> <input id="spec_feat_6" name="spec_feat_6" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="spec_feat_6">ear tufts</label> <input id="spec_feat_7" name="spec_feat_7" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="spec_feat_7">nocturnal</label> <input id="spec_feat_8" name="spec_feat_8" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="spec_feat_8">shielded bill</label> <input id="spec_feat_9" name="spec_feat_9" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="spec_feat_9">spangled</label> <input id="spec_feat_10" name="spec_feat_10" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="spec_feat_10">open beak</label> <input id="spec_feat_11" name="spec_feat_11" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="spec_feat_11">beak pouch</label> <input id="spec_feat_12" name="spec_feat_12" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="spec_feat_12">bicoloured beak</label> <input id="spec_feat_13" name="spec_feat_13" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="spec_feat_13">collared neck</label> <input id="spec_feat_14" name="spec_feat_14" class="element checkbox" type="checkbox" value="1" /> <label class="choice" for="spec_feat_14">spotted neck</label>

</span> </li>

<li class="buttons"> <input type="hidden" name="form_id" value="296694" />

<input id="saveForm" class="button_text" type="submit" name="submit" value="What's that Bird??????" /> </li> </ul> </form> </div>

<img id="bottom" src="bottom.png" alt=""> </body> </html>

S-ar putea să vă placă și