In this example we have a simple web to lead form with a few fields of:
'Company', 'Email', 'First Name', 'Last Name'
Pick list fields of 'Location' and 'Industry'
A multi select list of 'Please tell us at least 2 of your favorite pastimes'
A date field of 'Start Date'
This is what the HTML looks like if paste it raw into your web page:
This is the raw HTML from Operate Web to Lead HTML Generator:
<!-- ---------------------------------------------------------------------- -->
<!-- NOTE: Please add the following <META> element to your page <HEAD>. -->
<!-- If necessary, please modify the charset parameter to specify the -->
<!-- character set of your HTML page. -->
<!-- ---------------------------------------------------------------------- -->
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=UTF-8">
<!-- ---------------------------------------------------------------------- -->
<!-- NOTE: Please add the following <FORM> element to your page. -->
<!-- ---------------------------------------------------------------------- -->
<form action="http://login.essensys.tech/spacecontrol/WebToLead/New Web to Lead" method="POST">
<input id="wtlhash" name="wtlhash" type="hidden" value="h5cQx2AW9mOb/QAOK1watw==" /><br>
<input id="RecordType" name="RecordType" type="hidden" value="6054" /><br>
<label for="LeadName">Company</label><input id="LeadName" name="LeadName" type="text" /><br>
<label for="EmailAddress">Email</label><input id="EmailAddress" name="EmailAddress" type="text" /><br>
<label for="FirstName">First Name</label><input id="FirstName" name="FirstName" type="text" /><br>
<label for="LastName">Last Name</label><input id="LastName" name="LastName" type="text" /><br>
<label for="LocationName">Location</label><select id="LocationName" name="LocationName" title="Existing System"><option value="13">2nd Site</option><option value="14">Barratt Towers</option><option value="1">Enterprise House</option><option value="15">Operate House</option><option value="11">Institute of Directors</option><option value="4">RJmetis House</option><option value="7">Shard London Bridge</option><option value="8">Strata Tower</option><option value="3">Tarran Towers</option><option value="12">The Gherkin</option></select>
<label for="Industry">Industry</label><select id="Industry" name="Industry" title="Existing System"><option value="Accounting">Accounting</option><option value="Aerospace">Aerospace</option><option value="Agency">Agency</option><option value="Agents">Agents</option><option value="Arts and entertainment">Arts and entertainment</option><option value="Asset finance">Asset finance</option><option value="Audio Visual Equiptm">Audio Visual Equiptm</option><option value="Aviation">Aviation</option><option value="Banking">Banking</option><option value="Banking And Finance">Banking And Finance</option><option value="Barrister">Barrister</option><option value="Beauty Training">Beauty Training</option><option value="Bernadette Bell">Bernadette Bell</option></select>
<label for="ud_Pleasetellusatleast2ofyourfavouritepastimes">Please tell us at least 2 of your favourite pastimes</label><select multiple id="ud_Pleasetellusatleast2ofyourfavouritepastimes" name="ud_Pleasetellusatleast2ofyourfavouritepastimes" title="Existing System"><option value="Music">Music</option><option value="Movies">Movies</option><option value="Books">Books</option><option value="Football">Football</option><option value="Cycling">Cycling</option><option value="Golf">Golf</option><option value="Swimming">Swimming</option><option value="Walking">Walking</option><option value="Running">Running</option><option value="Theatre">Theatre</option></select><br>
<label for="StartDate">Start Date</label><input id="StartDate" name="StartDate" type="text" /><br>
<input type="submit" name="submit">
</form>
Here is an example of the web form given a quick tidy:
This is the amended code:
<!-- ---------------------------------------------------------------------- -->
<!-- NOTE: Please add the following <META> element to your page <HEAD>. -->
<!-- If necessary, please modify the charset parameter to specify the -->
<!-- character set of your HTML page. -->
<!-- ---------------------------------------------------------------------- -->
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=UTF-8">
<!-- ---------------------------------------------------------------------- -->
<!-- NOTE: Please add the following <FORM> element to youra page. -->
<!-- ---------------------------------------------------------------------- -->
<form action="http://login.essensys.tech/spacecontrol/WebToLead/New Web to Lead" method="POST">
<input id="wtlhash" name="wtlhash" type="hidden" value="h5cQx2AW9mOb/QAOK1watw==" /><br>
<input id="RecordType" name="RecordType" type="hidden" value="6054" /><br>
<label for="LeadName">Company</label> <input id="LeadName" name="LeadName" type="text" /><br><br>
<label for="EmailAddress">Email</label> <input id="EmailAddress" name="EmailAddress" type="text" /><br><br>
<label for="FirstName">First Name</label> <input id="FirstName" name="FirstName" type="text" /><br><br>
<label for="LastName">Last Name</label> <input id="LastName" name="LastName" type="text" /><br><br>
<label for="LocationName">Location</label> <select id="LocationName" name="LocationName" title="Existing System"><option value="13">2nd Site</option><option value="14">Barratt Towers</option><option value="1">Enterprise House</option><option value="15">Operate House</option><option value="11">Institute of Directors</option><option value="4">RJmetis House</option><option value="7">Shard London Bridge</option><option value="8">Strata Tower</option><option value="3">Tarran Towers</option><option value="12">The Gherkin</option></select>
<br><br>
<label for="Industry">Industry</label> <select id="Industry" name="Industry" title="Existing System"><option value="Accounting">Accounting</option><option value="Aerospace">Aerospace</option><option value="Agency">Agency</option><option value="Agents">Agents</option><option value="Arts and entertainment">Arts and entertainment</option><option value="Asset finance">Asset finance</option><option value="Audio Visual Equiptm">Audio Visual Equiptm</option><option value="Aviation">Aviation</option><option value="Banking">Banking</option><option value="Banking And Finance">Banking And Finance</option><option value="Barrister">Barrister</option><option value="Beauty Training">Beauty Training</option><option value="Bernadette Bell">Bernadette Bell</option></select>
<br><br>
<label for="ud_Pleasetellusatleast2ofyourfavouritepastimes">Please tell us at least 2 of your favourite pastimes</label>
<br>
<br>
<select multiple id="ud_Pleasetellusatleast2ofyourfavouritepastimes" name="ud_Pleasetellusatleast2ofyourfavouritepastimes" title="Existing System"><option value="Music">Music</option><option value="Movies">Movies</option><option value="Books">Books</option><option value="Football">Football</option><option value="Cycling">Cycling</option><option value="Golf">Golf</option><option value="Swimming">Swimming</option><option value="Walking">Walking</option><option value="Running">Running</option><option value="Theatre">Theatre</option></select><br>
<br>
<label for="textid" style="font-size:70%; "><i>(Hold Ctrl Key down to select multiple options from this list above)</i></label>
<br><br>
<label for="StartDate">Start Date</label> <input id="StartDate" name="StartDate" type="text" /> <label for="StartDateLegend">(dd/mm/yyyy)</label><br>
<br>
<input type="submit" name="submit">
</form>