表单提交(插入效果)javascript

169 阅读 0 评论 112 点赞

我是靠谱客的博主淡淡便当，这篇文章主要介绍表单提交(插入效果)javascript，现在分享给大家，希望可以做个参考。

<P>
<FORM action="http://group.zol.com.cn/TopicView.php" method="POST" name="reply_form" enctype="multipart/form-data" onsubmit="return ckform(this)" style="margin:0px;padding:0px;">
        <input type=hidden value="365" name="bookid">
        <input type=hidden value="new" name="type">
        <input type=hidden value="1" name="refresh">
        <input type=hidden value="42" name="boardid">
        <input type="hidden" value="" name="reply_to_userid">
        <input type="hidden" value="" name="reply_info">
        <input type="hidden" value="pro" name="op">
        <table width="760" cellspacing="0" cellpadding="1" bgcolor="#F9FCFE" style="border:1px solid #40CEFD;margin-top:4px;">
                <tr>
                    <Td align=right height=40 width=60 class='lan12b'>操作</td>
                    <td style='padding-left:10px;'>    
                        <table width=100%>
                            <tr>
                                <Td width=170 nowrap>
                                    <img src='http://bbs.zol.com.cn/new/images/detail/p1.jpg' border='0' alt='粗体'> 
                                    <img src='http://bbs.zol.com.cn/new/images/detail/p2.jpg' border='0' alt='斜体'> 
                                    <img src='http://bbs.zol.com.cn/new/images/detail/p3.jpg' border='0' alt='下划线'>
                                    <img src='http://bbs.zol.com.cn/new/images/detail/img.gif' border='0' alt='图片'> 
                                    <img src='http://bbs.zol.com.cn/new/images/detail/p5.jpg' border='0' alt='Flash'> 
                                    <img src='http://bbs.zol.com.cn/new/images/detail/p6.jpg' border='0' alt='链接'>
                                </td>
                                <td class='lan12b' style='padding-left:10px;' align=left>
                                    字体大小
                                    <SELECT onchange='javascript：onsize()' name=fbsize>
                                      <OPTION value='1'>1</OPTION>
                                      <OPTION value='2' selected>2</OPTION>
                                      <OPTION value='3'>3</OPTION>
                                      <OPTION value='4'>4</OPTION>
                                      <OPTION value='5'>5</OPTION>
                                      <OPTION value='6'>6</OPTION>
                                      <OPTION value='7'>7</OPTION>
                                    </SELECT>
                                </td>
                                <td style='padding-left:10px;' align=left><span id='majia_str'></span></TD>
                            </tR>
                        </table>
                     </td>
                 </tr>
                <tr>
                    <Td align=right width=60 class='lan12b' valign=top>内容</td>
                    <td style='padding-left:10px;'>
                         <textarea name='content' cols='60' rows='8' onKeyDown=ctlent(); style='border:1px solid #000000;background-color:#FFFFCC;'></textarea>
                         <span id='face_to_insert'></span>
                     </tD>
                </TR>
                <TR>
                    <tD></Td>
                    <TD style='padding-left:10px;'>
                         <INPUT TYPE='checkbox' NAME='show_hight_fun' onClick='showHightFun(this.checked);'>图片及更多功能
                     </TD>
                </Tr>
               <tr id='hight_fun_table' style='display:none;'>
                    <td colspan=2>
                    <table width='100%' border='0' cellspacing='0' cellpadding='0'>
                        <tr>
                            <Td align=right height=25 width=60 class='lan12b'>图片</td>
                            <td style='padding-left:10px;'><input type='file' name='book_pic'  size='40' style='background-color:#FFFFCC;border:1px solid #000000;'></tD>
                        </TR>
                <tr>
                    <td></tD>
                    <td style='padding-left:10px;'>
                        <font color='#CC3333'>卡通图标</font> 
                        <select name='first_num' onChange='show_image()'>
                            <option value='0'>0</option>
                            <option value='1'>1</option>
                            <option value='2'>2</option>
                            <option value='3'>3</option>
                            <option value='4'>4</option>
                            <option value='5'>5</option>
                            <option value='6'>6</option>
                            <option value='7'>7</option>
                            <option value='8'>8</option>
                            <option value='9'>9</option>
                        </select>
                        <select name='second_num' onChange='show_image()'>
                            <option value='0'>0</option>
                            <option value='1'>1</option>
                            <option value='2'>2</option>
                            <option value='3'>3</option>
                            <option value='4'>4</option>
                            <option value='5'>5</option>
                            <option value='6'>6</option>
                            <option value='7'>7</option>
                            <option value='8'>8</option>
                            <option value='9'>9</option>
                        </select>
                        <select name='third_num' onChange='show_image()'>
                            <option value='0'>0</option>
                            <option value='1'>1</option>
                            <option value='2'>2</option>
                            <option value='3'>3</option>
                            <option value='4'>4</option>
                            <option value='5'>5</option>
                            <option value='6'>6</option>
                            <option value='7'>7</option>
                            <option value='8'>8</option>
                            <option value='9'>9</option>
                        </select>
                   </td>
                 </tR>
                </table>
                </td>
            </tr>
            <tr>
                <Td></td>
                <Td style='padding-left:10px;color:#666666;' height=30>
                <INPUT TYPE='submit' name='submit_data' value='我要回复'>
                 [完成后可按 Ctrl+Enter 发布]
                </td>
            </TR>
        </table>
        </form></P>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]