<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center" class="booklist">
<form action="{$PagePath(27)}?action=save" method="post" name="addbook">
{@verifycode}
<tr>
  <th>{$Lebi_book(3)}：</th>
  <td colspan="2" align="left">&nbsp;<input name="name" type="text" size="20" maxlength="20" class="form" /> <font color="#FF0000">*</font></td>
</tr>
<tr>
<th>{$Lebi_book(4)}：</th>
<td colspan="2" align="left">&nbsp;<input name="email" type="text" class="form" maxlength="50" /></td>
 </tr>
<tr>
<th>{$Lebi_book(5)}：</th>
<td colspan="2" align="left">&nbsp;<input name="qq" type="text" size="20" maxlength="50" class="form" /></td>
 </tr>
<tr>
<th>{$Lebi_book(27)}：</th>
<td colspan="2" align="left">&nbsp;<input name="tel" type="text" size="20" maxlength="50" class="form" /></td>
 </tr>
<tr> 
<th>{$Lebi_book(6)}：</th>
<td align="left">&nbsp;
<select name="select" onchange="document.images['iface'].src='{$Eshop_url}'+options[selectedIndex].value;">
<option value="images/face/1.gif" selected>NO.01</option>
<option value="images/face/2.gif">NO.02</option>
<option value="images/face/3.gif">NO.03</option>
<option value="images/face/4.gif">NO.04</option>
<option value="images/face/5.gif">NO.05</option>
<option value="images/face/6.gif">NO.06</option>
<option value="images/face/7.gif">NO.07</option>
<option value="images/face/8.gif">NO.08</option>
<option value="images/face/9.gif">NO.09</option>
<option value="images/face/10.gif">NO.10</option>
<option value="images/face/11.gif">NO.11</option>
<option value="images/face/12.gif">NO.12</option>
<option value="images/face/13.gif">NO.13</option>
<option value="images/face/14.gif">NO.14</option>
<option value="images/face/15.gif">NO.15</option>
<option value="images/face/16.gif">NO.16</option>
<option value="images/face/17.gif">NO.17</option>
<option value="images/face/18.gif">NO.18</option>
<option value="images/face/19.gif">NO.19</option>
<option value="images/face/20.gif">NO.20</option>
<option value="images/face/21.gif">NO.21</option>
<option value="images/face/22.gif">NO.22</option>
<option value="images/face/23.gif">NO.23</option>
<option value="images/face/24.gif">NO.24</option>
</select>
</td>
<td rowspan="3" align="right"><img src="images/face/1.gif" id="iface" width="64" height="64">&nbsp;</td>
</tr>
<tr> 
<th rowspan="2">{$Lebi_book(7)}：</th>
<td colspan="2" align="left">&nbsp;<input name="face" type="radio" value="1" checked /> <img src="images/icons/1.gif" /> <input type="radio" name="face" value="2" /> <img src="images/icons/2.gif" /> <input type="radio" name="face" value="3" /> <img src="images/icons/3.gif" /> <input type="radio" name="face" value="4" /> <img src="images/icons/4.gif" /> <input type="radio" name="face" value="5" /> <img src="images/icons/5.gif" /> <input type="radio" name="face" value="6" /> <img src="images/icons/6.gif" /> <input type="radio" name="face" value="7" /> <img src="images/icons/7.gif" /></td>
</tr>
<tr> 
<td colspan="2">&nbsp;<input type="radio" name="face" value="8" /> <img src="images/ICONS/8.gif" /> <input type="radio" name="face" value="9" /> <img src="images/icons/9.gif" /> <input type="radio" name="face" value="10" /> <img src="images/icons/10.gif" /> <input type="radio" name="face" value="11" /> <img src="images/icons/11.gif" /> <input type="radio" name="face" value="12" /> <img src="images/icons/12.gif" /> <input type="radio" name="face" value="13" /> <img src="images/icons/13.gif" /> <input type="radio" name="face" value="14" /> <img src="images/icons/14.gif" /></td>
</tr>
<tr>
<th>{$Lebi_book(8)}：</th>
<td colspan="2" align="left" height=25>&nbsp;<input name="title" type="text" size="45" maxlength="200" class="form" /> <input name="isadmin" type="checkbox" value="1" />{$Lebi_book(10)} <font color="#FF0000">*</font></td>
</tr>
<tr>
<th>{$Lebi_book(9)}：</th>
<td colspan="2" align="left">&nbsp;<textarea name="content" cols="60" rows="8" id="content" wrap="physical" onKeyDown="checkMaxInput(this.form)" onKeyUp="checkMaxInput(this.form)" class="form-textarea"></textarea>&nbsp;<input readonly type="text" name="remLen" id="remLen" size="2" maxlength="3" class="form" value="255" title="{$Lebi_book(17)}" /></td>
</tr>
<tr>
<td colspan="3" class="foot"><input name="submit" type="submit" class="button" id="submit" value=" {$Lebi_book(12)} " />&nbsp;&nbsp;<input class="button" type="reset" name="Submit2" value="{$Lebi_book(11)}" /></td>
</tr>
</form>
</table>
<script language="javascript">
maxLen = 255; 
function checkMaxInput(form) {
if (document.getElementById("content").value.length > maxLen) 
document.getElementById("content").value = document.getElementById("content").value.substring(0, maxLen);
else document.getElementById("remLen").value = maxLen - document.getElementById("content").value.length;
}
</script>