Iwebkit - 将表单插入Iphone邮件应用程序

时间:2012-04-27 15:34:18

标签: html ios iwebkit

我已经构建了一个表单> http://downloads.fullyfurnished.com/ipad/form.html

当我点击“提交”时,我希望它将所有输入的信息嵌入到Apple Mail应用程序的电子邮件正文中。 (是的,我想要它而不是使用php sendto脚本)。

目前你可以看到它只是坚持'TextArea ='

我哪里错了?

见下面的代码

<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:sales@fully-furnished.com">
<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>

最诚挚的问候 克里斯

1 个答案:

答案 0 :(得分:0)

类似的问题...任何线索? 你有没有尝试添加

mailto:...&body=...

或者

<form method="post" action="mailto:yourname@yoursite.com" entype="text/plain">

干杯 佩德罗