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控制的是显示的行数

  • 相关阅读:
    C#Table转成json工具
    设置npm注册表配置为淘宝镜像
    总结js面向对象调用的几种模式
    gitHub初使用
    对象的防篡改
    offsetWidth clientWidth scrollWidth的区别
    js中的new操作符
    setTimeot与setInterval定时器
    事件捕获 事件冒泡和事件委托
    一个页面从输入URL到加载完成,发生什么事
  • 原文地址:https://www.cnblogs.com/qingjoin/p/2276653.html
Copyright © 2011-2022 走看看