会社の Web サイトに既に実装されている HTML フォームを再利用するタスクが与えられました。
フォームが行うことはすべて: 個人情報の入力を取得し、それを処理スクリプトに送信します。
私が持っているタスクは、iPad でローカルにホストされ、mobiel Safari で開かれるページを作成することです。そのページは、フォームの値を Web サーバーでホストされている処理スクリプトに送信する必要があります。
フォームの正確なコピーを作成しましたが、何らかの理由でコピーが機能しません。スクリプトが値を受け取りません。
フォームのコードは次のとおりです (簡潔にするために、リストからいくつかの国を除いています)。
<form id="contact_form" action="http://mycompany.formprocessor.com/process/" method="post" accept-charset="utf-8">
<fieldset>
<h3>1. Personal information</h3>
<div>
<label for="first_name">First Name</label>
<input class="required" name="first_name" id="first_name" type="text" tabindex="10" value="" />
</div>
<div>
<label for="last_name">Last Name</label>
<input class="required" name="last_name" id="last_name" type="text" tabindex="20" value="" />
</div>
<div>
<label for="email">Email</label>
<input class="required" name="email" id="email" type="text" tabindex="30" value="" />
</div>
</fieldset>
<fieldset>
<h3>2. Contact information</h3>
<div>
<label for="phone">Phone</label>
<input class="required" name="phone" id="phone" type="text" tabindex="40" value="" />
</div>
<div>
<label for="street_address">Street Address</label>
<input name="street_address" id="street_address" type="text" tabindex="50" value="" />
<label><em>(continued)</em></label>
<input name="address2" id="address2" type="text" tabindex="60" value="" />
</div>
<div>
<label for="city">City</label>
<input name="city" id="city" type="text" tabindex="70" value="" />
</div>
<div>
<label for="state">State/Province</label>
<input name="state" id="state" type="text" tabindex="80" value="" />
</div>
<div>
<label for="zip">Zip/Postal</label>
<input class="required" name="zip" id="zip" type="text" tabindex="90" value="" />
</div>
<div>
<label>Your Country:</label>
<select name="country" id="country" tabindex="93">
<option value="0">Select...</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Antarctica">Antarctica</option>
<option value="Bouvet Island">Bouvet Island</option>
<option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option>
<option value="Djibouti">Djibouti</option>
<option value="Eritrea">Eritrea</option>
<option value="Faroe Islands">Faroe Islands</option>
<option value="Greenland">Greenland</option>
<option value="Heard Island and McDonald Islands">Heard Island and McDonald Islands</option>
<option value="Kazakhstan">Kazakhstan</option>
<option value="Lithuania">Lithuania</option>
<option value="Mongolia">Mongolia</option>
<option value="Niue">Niue</option>
<option value="Poland">Poland</option>
<option value="Portugal">Portugal</option>
<option value="Romania">Romania</option>
<option value="South Georgia and the South Sandwich Islands">South Georgia and the South Sandwich Islands</option>
<option value="Spain">Spain</option>
<option value="Togo">Togo</option>
<option value="Ukraine">Ukraine</option>
</select>
</div>
</fieldset>
<div class="submit">
<input id="submit" type="submit" value="Submit" />
</div>
</form>
このフォームを機能させるにはどうすればよいですか?