HTML下拉框、文本框、复选框!

http://www.cnblogs.com/qingjoin/archive/2011/12/05/2276653.html


<fieldset>
            <legend>区域 1</legend>
              <p class="sidebtn"></p>
                <div id="isOpened" style="display:none">
                <table>
                        <tr>
                            <td align="center"><span>叠加字符:</span></td>
                            <td colspan="3"  align="left"><input id="s1_text1" type="text" size="52"/></td>                    
                            <td align="center"><span>&nbsp;&nbsp;&nbsp;字体大小:</span></td>
                            <td align="left"><input id="s1_text1_size" type="text" size="1"/></td>        
                        </tr>
                        <tr>
                            <td align="center"><span>区域宽度:</span></td>
                            <td align="left"><input id="s1_text1_width" type="text"/></td>    
                            <td align="center"><span>&nbsp;&nbsp;&nbsp;&nbsp;区域高度:</span></td>
                            <td align="left"><input id="s1_text1_high" type="text" size="8"/></td>    
                            <td><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;体:</span></td>
                        <td>
                                <select id="s1_text1_bold">
                                    <option value="0" selected="">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>
                                </select>
                            </td>
                        </tr>
                        <tr>
                        <td><span>显示位置:</span></td>
                        <td align="center">
                            <span>X</span>
                            <input id="s1_text1_startx" type="text" size="3"/>
                            <span>Y</span>
                            <input id="s1_text1_starty" type="text" size="3"/>
                        </td>    
                        <td><span>&nbsp;&nbsp;&nbsp;&nbsp;旋转方向:</span></td>
                            <td>
                                <select id="s1_text1_rotate">
                                    <option value="0" selected="">0</option>
                                    <option value="90">90</option>
                                    <option value="180">180</option>
                                    <option value="270">270</option>
                                </select>
                            </td>    
                        <td><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;体:</span></td>
                        <td>
                                <select id="s1_text1_italic">
                                    <option value="0" selected="">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>
                                </select>
                            </td>    
                    </tr>
                    <tr>    
                        <td><span>显示方式:</span></td>
                            <td>
                                <select id="s1_text1_type">
                                    <option value="0" selected="">字符</option>
                                    <option value="1">时间</option>
                                </select>
                            </td>            
                        <td><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;色:</span></td>
                        <td>
                            <select id="s1_text1_color">
                                <option selected="" value="0">Black</option>
                                <option value="1">Red</option>
                                <option value="2">Blue</option>
                                <option value="3">Green</option>
                                <option value="4">Yellow</option>
                                <option value="5">Magenta</option>
                                <option value="6">Cyan</option>
                                <option value="7">White</option>
                            </select>
                        </td>
                        <td><span>&nbsp;&nbsp;&nbsp;边框宽度:</span></td>
                            <td>
                                <select id="s1_text1_outline">
                                    <option value="0" selected="">0</option>
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                </select>
                            </td>        
                    </tr>
                    <tr>    
                    </tr>
                </table>
                <input type="button" id="stream1" value="保存" onclick = "Judge1()"/>
                <input type="button" id="clean" value="清除" onclick = "clean1()"/>
                </div>
            </fieldset>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值