0
我建立了一个表格>http://downloads.fullyfurnished.com/ipad/form.htmlIwebkit - 插入表格转换成iPhone的邮件应用
当我打“提交”我希望它嵌入所有输入信息到对苹果Mail应用程序的电子邮件的正文。 （是的，我希望它做到这一点，而不是使用PHP sendto脚本）。
你可以在它只是坚持在“文本区=”
的那一刻我要去哪里错了看到了什么？
见下面的代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="index,follow" name="robots" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link href="pics/homescreen.gif" rel="apple-touch-icon" />
<meta content="minimum-scale=1.0, width=device-width, maximum-scale=0.6667, user-scalable=no" name="viewport" />
<link href="css/style.css" rel="stylesheet" media="screen" type="text/css" />
<script src="javascript/functions.js" type="text/javascript"></script>
<title>iWebKit Demo - Easy form elements!</title>
<meta content="iPod,iPhone,Webkit,iWebkit,Website,Create,mobile,Tutorial,free" name="keywords" />
<meta content="now completly styles thanks to css these form elements are lighter and easier to use than ever before." name="description" />
</head>
<form method="post" action="mailto:[email protected]">
<body>
<div id="content">
<ul class="pageitem">
<li class="textbox"><span class="header">DETAILS</span>
</ul>
<span class="graytitle">Client</span>
<ul class="pageitem">
<li class="smallfield"><span class="name">Name</span><input placeholder="enter text" type="text" />
</li>
<li class="smallfield"><span class="name">Phone number</span><input placeholder="enter number" type="tel" />
</li>
<li class="smallfield"><span class="name">Company</span><input placeholder="Company" type="text" />
</li>
</ul>
<span class="graytitle">Property</span>
<ul class="pageitem">
<li class="smallfield"><span class="name">Name</span><input placeholder="enter text" type="text" />
</li>
<li class="smallfield"><span class="name">House No/Name</span><input placeholder="enter text" type="text" />
</li>
<li class="smallfield"><span class="name">Postcode</span><input placeholder="enter text" type="text" />
</li>
<li class="select"><select name="">
<option value="1">Property Type</option>
<option value="2">Flat</option>
<option value="3">Bungalow</option>
<option value="4">House</option>
</select><span class="arrow"></span> </li>
</ul>
<ul class="pageitem">
<li class="textbox"><span class="header">INVENTORY</span>
</ul>
<span class="graytitle">Living Room</span>
<ul class="pageitem">
<li class="smallfield"><span class="name">Armchair</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Sofa - 2 Seat</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Sofa - 3 Seat</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Coffee Table</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Lamp Table</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Table Lamp</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">TV Unit</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Bookcase Large</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Mirror</span><input placeholder="0" type="tel" />
</li>
</ul>
<span class="graytitle">Kitchen</span>
<ul class="pageitem">
<li class="smallfield"><span class="name">Bistro Table</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Dining Chair</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Kitchen Pack</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Electrical Pack</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Microwave</span><input placeholder="0" type="tel" />
</li>
</ul>
<span class="graytitle">Dining Room</span>
<ul class="pageitem">
<li class="smallfield"><span class="name">Dining Table</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Dining Chair</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Console Table</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Sideboard</span><input placeholder="0" type="tel" />
</li>
</ul>
<span class="graytitle">Bedrooms</span>
<ul class="pageitem">
<span class="graytitle">6FT</span>
<ul class="pageitem">
<li class="smallfield"><span class="name">Bed</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Headboard</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Linen Pack</span><input placeholder="0" type="tel" />
</li>
</ul>
<span class="graytitle">5FT</span>
<ul class="pageitem">
<li class="smallfield"><span class="name">Bed</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Headboard</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Linen Pack</span><input placeholder="0" type="tel" />
</li>
</ul>
<span class="graytitle">4FT6</span>
<ul class="pageitem">
<li class="smallfield"><span class="name">Bed</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Headboard</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Linen Pack</span><input placeholder="0" type="tel" />
</li>
</ul>
<span class="graytitle">3FT</span>
<ul class="pageitem">
<li class="smallfield"><span class="name">Bed</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Headboard</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Linen Pack</span><input placeholder="0" type="tel" />
</li>
</ul>
</ul>
<span class="graytitle">Electrical</span>
<ul class="pageitem">
<li class="smallfield"><span class="name">TV Small</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">TV Large</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">DVD Player</span><input placeholder="0" type="tel" />
</li>
</ul>
<span class="graytitle">Study</span>
<ul class="pageitem">
<li class="smallfield"><span class="name">Desk Pack</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Bookcase Small</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Bookcase Large</span><input placeholder="0" type="tel" />
</li>
</ul>
<span class="graytitle">Other</span>
<ul class="pageitem">
<li class="smallfield"><span class="name">Towel Pack</span><input placeholder="0" type="tel" />
</li>
<li class="smallfield"><span class="name">Nursery Pack</span><input placeholder="0" type="tel" />
</li>
</ul><span class="graytitle">Furniture Range</span>
<ul class="pageitem">
<li class="radiobutton"><span class="name">Essentials</span>
<input name="music" type="radio" value="other" /></li>
<li class="radiobutton"><span class="name">Oak</span>
<input name="music" type="radio" value="Metal" /></li>
</ul>
<span class="graytitle">Window Treatments Required</span>
<ul class="pageitem">
<li class="radiobutton"><span class="name">Yes</span>
<input name="music" type="radio" value="other" /></li>
<li class="radiobutton"><span class="name">No</span>
<input name="music" type="radio" value="Metal" /></li>
</ul>
<span class="graytitle">Other Details</span>
<ul class="pageitem">
<li class="textbox"><span class="header">Insert text</span><textarea name="TextArea" rows="4"></textarea></li>
</ul>
<ul class="pageitem">
<li class="button"><input name="name" type="submit" value="Submit input" /></li>
<li class="button">
<input type="reset" value="Clear Form"></li>
</ul>
</form>
</div>
<div id="footer">
<!-- Support iWebKit by sending us traffic; please keep this footer on your page, consider it a thank you for my work :-) -->
<a class="noeffect" href="http://snippetspace.com">iPhone site powered by iWebKit</a></div>
</body>
</html>
问候 克里斯