您的位置:首页 > Web前端 > HTML

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

2013-05-31 17:12 155 查看
<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>   字体大小:</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>    区域高度:</span></td>
<td align="left"><input id="s1_text1_high" type="text" size="8"/></td>
<td><span>   粗    体:</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>    旋转方向:</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>   斜    体:</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>    颜   色:</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>   边框宽度:</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="width:80" 而size控制的是显示的行数
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: