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

  • 相关阅读:
    javaWeb 使用 filter 处理 html 标签问题
    javaWeb 使用 filter 处理全站乱码问题
    Kubernetes常见部署方案--滚动更新、重新创建、蓝绿、金丝雀
    阿里云
    Kubernetes技术分析之灰度升级
    fetch进行post请求为什么会首先发一个options 请求?
    免费给你的网站加速,全球访问速度杠杠的
    抗DDOS,我选Cloudflare,免费!
    被骗几十万总结出来的Ddos攻击防护经验!------转自 服务器之家server
    微服务部署:蓝绿部署、滚动部署、灰度发布、金丝雀发布
  • 原文地址:https://www.cnblogs.com/qingjoin/p/2276653.html
Copyright © 2011-2022 走看看