zoukankan      html  css  js  c++  java
  • 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>


    <td><span>粗体:</span></td>
    <td>
    <input id="s2_text_bold" type="checkbox" />
    </td>
    <td><span>斜体:</span></td>
    <td>
    <input id="s2_text_italic" type="checkbox" />
    </td>

    复选框!

    下拉框的大小控制:style="80"     而size控制的是显示的行数

  • 相关阅读:
    Asp.Net微型服务器,只有一个文件,并且才300K大小|建议从事Asp.Net开发的博友们人手一份 狼人:
    “Asp.Net微型服务器”根据博友们的要求改版了,也出.NET4.0版本了,要更新的博友们赶快下吧 狼人:
    不经历风雨,怎么见彩虹,没有人能随随便便成功 狼人:
    C#汉字转拼音代码分享|建议收藏 狼人:
    用C#开发类似QQ输入法的不规则窗体的程序详解+代码打包分享 狼人:
    Android开发必备武器,处理X“.NET研究”ML的利器——SAX快速上手 狼人:
    “.NET研究”在iPhone应用中如何避免内存泄露 狼人:
    向量样本【模式识别】感知器 Perceptron
    编程在线庞果网 在线编程 24点游戏
    实现接口一种可靠的 DLL 接口实现方案
  • 原文地址:https://www.cnblogs.com/qingjoin/p/2276653.html
Copyright © 2011-2022 走看看