如何能够保存输入内容为 pdf 或者图片 并且发送出去呢?
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>TK</title>
<style>
.dataTableHeadingRow{
border:1px solid #E8E8E8;
border-collapse: collapse
}
</style>
</head>
<body><p> </p>
<!-- body_text //-->
<table style="width: 800px;" border="0" cellspacing="0" cellpadding="2" align="center">
<tbody>
<tr>
<td class="main" align="center">
<table class="no-print" style="width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td class="main" align="left" valign="top">
<script type="mce-text/javascript" language="JavaScript">// <![CDATA[
if (window.print) {
document.write('<a href="javascript:;" onClick="javascript:window.print()" onMouseOut=document.imprim.src="images/printimage.gif" onMouseOver=document.imprim.src="images/printimage_over.gif"><img src="images/printimage.gif" width="43" height="28" align="absbottom" border="0" name="imprim">' + 'Print</a></center>');
}
else document.write ('<h2>Print</h2>')
// ]]></script>
</td>
<td align="right" valign="bottom">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td>
<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="305">
<p><img class="__mce_add_custom__" title="tk-logo-2.png" src="https://cdn11.bigcommerce.com/s-8g24k2kovk/product_images/uploaded_images/tk-logo-2.png" alt="tk-logo-2.png" width="150" height="76" /></p>
<div><span style="font-size: small;">2388 Buchanan Road Antioch CA 94509</span></div>
<div><span style="font-size: small;">Tel: (408) 258-8088 Fax:(408) 258-8756</span></div>
<div><span style="font-size: small;">Email: order@thaikeecorp.com
Visit us: www.THAIKEEUSA.com</span></div>
</td>
<td style="float: right; text-align: right;" valign="top">
<h1 style="font: bold 24px Georgia;"><span style="font-family: arial, helvetica, sans-serif;"> </span></h1>
<div style="font: bold 23px Verdana; position: relative; top: 40px;" align="left">ORDER FORM </div>
<div style="font: bold 23px Verdana; position: relative; top: 40px;" align="left"> </div>
<div style="font: bold 23px Verdana; position: relative; top: 40px;" align="left"> </div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="main">
<p style align="right">Date: <span id="datetime"></span></p>
<script>
var dt = new Date();
document.getElementById("datetime").innerHTML = dt.toLocaleDateString();
</script>
</td>
</tr>
<tr>
</tr>
<tr>
<td align="center">
<table style="width: 100%;" border="1" cellspacing="0" cellpadding="10" align="center">
<tbody>
<tr>
<td align="center" valign="top">
<table class="dataContent" style="width: 797px; height: 83px;" border="0" cellspacing="0" cellpadding="2" align="center">
<tbody>
<tr>
<td><span style="font-size: small;">CUSTOMER:</span></td>
<td style="border-bottom: 1px solid #000; text-transform: uppercase;" width="250"><span style="font-size: small;"> </span></td>
<td style="padding-left: 15px;"><span style="font-size: small;">PURCHASE ORDER #:</span></td>
<td style="border-bottom: 1px solid #000;" width="250"><span style="font-size: small;"><strong> </strong></span></td>
<td style="width: 10px;"> </td>
</tr>
<tr>
<td><span style="font-size: small;">COMPANY:</span></td>
<td style="border-bottom: 1px solid #000; text-transform: uppercase;" width="250"><span style="font-size: small;"> </span></td>
<td style="padding-left: 15px;"><span style="font-size: small;">SALESMAN:</span></td>
<td style="border-bottom: 1px solid #000;" width="250"><span style="font-size: small;"> </span></td>
</tr>
<tr>
<td><span style="font-size: small;">TEL:</span></td>
<td style="border-bottom: 1px solid #000;" width="250"><span style="font-size: small;"> </span></td>
<td style="padding-left: 15px;"><span style="font-size: small;">EMAIL:</span></td>
<td style="border-bottom: 1px solid #000;" width="250"><span style="font-size: small;"> </span></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table style="width: 100%;" bordercolor="#111" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<table style="width: 100%;" border="0" cellspacing="2" cellpadding="1">
<tbody>
<tr class="dataTableHeadingRow">
<th class="dataTableHeadingContent" align="left">QTY</th>
<th class="dataTableHeadingContent" align="left" width="100"><span style="font-size: medium;">ITEM# OR DESCRIPTION</span></th>
<th class="dataTableHeadingContent" align="left" width="100"><span style="font-size: medium;">NOTES</span></th>
</tr>
<tr class="dataTableRow">
<td class="dataTableContent" align="left" width=""><input type="text" input size="3" ></td>
<td class="dataTableContent" align="left" ><input type="text" list="product" input size="65" ></td>
<td class="dataTableContent" align="center" width=""><input type="text" input size="33"></td>
</tr>
<tr class="dataTableRow">
<td class="dataTableContent" align="left" width=""><input type="text" input size="3" ></td>
<td class="dataTableContent" align="left" ><input type="text" list="product" input size="65" ></td>
<td class="dataTableContent" align="center" width=""><input type="text" input size="33"></td>
</tr>
<tr class="dataTableRow">
<td class="dataTableContent" align="left" width=""><input type="text" input size="3" ></td>
<td class="dataTableContent" align="left" ><input type="text" list="product" input size="65" ></td>
<td class="dataTableContent" align="center" width=""><input type="text" input size="33"></td>
</tr>
<tr class="dataTableRow">
<td class="dataTableContent" align="left" width=""><input type="text" input size="3" ></td>
<td class="dataTableContent" align="left" ><input type="text" list="product" input size="65" ></td>
<td class="dataTableContent" align="center" width=""><input type="text" input size="33"></td>
</tr><tr class="dataTableRow">
<td class="dataTableContent" align="left" width=""><input type="text" input size="3" ></td>
<td class="dataTableContent" align="left" ><input type="text" list="product" input size="65" ></td>
<td class="dataTableContent" align="center" width=""><input type="text" input size="33"></td>
</tr><tr class="dataTableRow">
<td class="dataTableContent" align="left" width=""><input type="text" input size="3" ></td>
<td class="dataTableContent" align="left" ><input type="text" list="product" input size="65" ></td>
<td class="dataTableContent" align="center" width=""><input type="text" input size="33"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<datalist id="product">
<option> 101001 GV- MI VIT TIEM 144*2oz </option>
<option> 101001E GV- MI VIT TIEM 12*2oz </option>
<option> 101002 GV- BO KHO 144 *2oz </option>
<option> 101002E GV- BO KHO 12*2 oz </option>
<option> 101003 GV- PHO BO 144* 2oz </option>
<option> 101003E GV- PHO BO 12*2oz </option>
<option> 101004 GV- PHO GA 144*2oz </option>
<option> 101004E GV- PHO GA 12*2oz </option>
<option> 101005 GV-NAU CANH CHUA 144*2oz </option>
<option> 101005E GV- NAU CANH CHUA 12*2oz </option>
<option> 101006 GV- KHO TIEU 144*2oz </option>
<option> 101006E GV- KHO TIEU 12*2oz </option>
<option> 101007 GV- LAU THAI LAN 144*2oz </option>
<option> 101007E GV- LAU THAI LAN 12*2oz </option>
<option> 101008 GV- MI QUANG 144*2oz </option>
<option> 101008E GV- MI QUANG 12*2oz </option>
<option> 101009 GV- BUN BO HUE 144*2oz </option>
<option> 101009E GV- BUN BO HUE 12*2oz </option>
<option> 101010 GV- BUN MAM 144*2oz </option>
<option> 101010E GV- BUN MAM 12*2oz </option>
<option> 101011 GV- BUN OC 144*2oz </option>
<option> 101011E GV- BUN OC 12*2oz </option>
<option> 101012 GV- BUN RIEU 144*2oz </option>
<option> 101012E GV- BUN RIEU 12*2oz </option>
<option> 101013 G.V GA XAO XA OT 144*2oz </option>
<option> 101013E GV- GA XAO XA OT 12*2 oz </option>
<option> 101015 GV- HOANH THANH 144*2oz </option>
<option> 101015E GV- HOANH THANH 12*2oz </option>
<option> 101016 GV- HU TIEU NAM VANG 144*2oz </option>
<option> 101016E GV- HU TIEU NAM VANG 12*2oz </option>
<option> 101017 GV- SUP CHAY 144*2oz </option>
<option> 101017E GV- SOUP CHAY 12*2oz </option>
<option> 101018 GV- BANH CANH CUA 144*2oz </option>
<option> 101018E GV- BANH CANH CUA 12*2 oz </option>
<option> 101019 GV- PHA LAU 144*2oz </option>
<option> 101019E GV- PHA LAUI 12*2oz </option>
<option> 101020 GV- RA-GU 144*2oz </option>
<option> 101020E GV- RAGU 12*2oz </option>
<option> 101021 GV- KHO CHAY 144*2oz </option>
<option> 101021E GV- KHO CHAY 12*2oz </option>
<option> 101022 GV- BUN MANG VIT 144*2oz </option>
<option> 101022E GV- BUN MANG VIT 12*2oz </option>
<option> 101023 GV- TOM KHO TAU 144*2oz </option>
<option> 101023E GV- TOM KHO TAU 12*2oz </option>
<option> 101024 GV- HU TIEU CHAY 144*2oz </option>
<option> 101024E GV- HU TIEU CHAY 12*2oz </option>
<option> 101025 GV- BO HUE CHAY 144*2oz </option>
<option> 101025E GV- BO HUE CHAY 12*2oz </option>
<option> 101026 GV- PHO CHAY 144*2oz </option>
<option> 101026E GV- PHO CHAY 12*2 oz </option>
<option> 101027 GV- BUN RIEU CHAY 144*2oz </option>
<option> 101027E GV- BUN RIEU CHAY 12*2oz </option>
<option> 101028 G.V.BO KHO CHAY 144*2oz </option>
<option> 101028E GV- BO KHO CHAY 12*2oz </option>
<option> 105001 THUOC XONG (THO)50*7oz </option>
<option> 105002 G.V. VIT NAU CHA0 5*10*2.5oz </option>
</datalist>
<div class="foot" align="center"><span style="font-size: small;">www.THAIKEEUSA.COM</span></div>
<!-- body_text_eof //-->
</body>
</html>