HTML(8)——select标签、其他标签

一、select标签

1. 用来创建类似于WinForm中的ComboBox或者ListBox 。

2. 如果size属性大于1就是ListBox（size的值为显示出来的列表数量），否则就是ComboBox。<select  multiple>或者<select  multiple="multiple">（推荐），那么就是可以多选的ListBox。

3. select中的项是<option>，<option>北京</option>还可以设定项的值<option value="1">北京</option>。

4. 将一个option设置为选中：<option selected>333</option>或者<option selected="selected">333</option>(推荐)就可以将这个项设定为选择项。

5. 如何实现“不选择”，添加一个<option value="-1">--不选择--<option>，然后编程判断select选中的值如果是-1就认为是不选择。

6. select分组选项，可以使用optgroup对数据进行分组，分组本身不会被选择，无论对于下拉列表还是列表框都适用。代码示例：

<select name="country" size="10"> 
    <optgroup label="Africa"> 
         <option value="gam">Gambia</option>
         <option value="mad">Madagascar</option>
         <option value="nam">Namibia</option> 
    </optgroup>
    <optgroup label="Europe">
         <option value="fra">France</option> 
         <option value="rus">Russia</option>
         <option value="uk">UK</option> </optgroup> 
    <optgroup label="North America"> 
    <option value="can">Canada</option> 
         <option value="mex">Mexico</option> 
         <option value="usa">USA</option> 
    </optgroup> 
</select>

二、其他标签：

1. <textarea>多行文本（也是表单元素）：<textarea>文本</textarea>，cols、rows属性表示行数和列数。

2. <label>：在<input type="text">前可以写普通的文本来修饰，但是单击修饰文本的时候input并不会得到焦点，而用label则可以，for属性指定要修饰的控件的id，<label for="txt1" >asdfad</label> 。

（1）为被修饰的控件设置一个唯一的id。

（2）代码示例：

<label for="ma">婚否</label> <input id="ma" type="checkbox" /> 

3. fieldset：GroupBox效果，将控件划分一个区域，看起来更规整。代码示例：

<fieldset>
    <legend>常用</legend>
    <input type="text" />
</fieldset>

4. 滚动文字：用 <marquee>标签。 direction属性设置滚动方向，其属性值有 left（向左飞）、right（向右飞）、up（向上飞）、down（向下飞）等。direction属性还可以嵌套使用，比如往左上角飞、往右下角飞等等。scrolldelay属性设置飞行速度。图片的滚动也是一样的。正常开发的时候很少用<marquee>标签，一般会用JavaScript去控制文字和图片的飞行。

5. 播放声音、显示flash：

（1）调用wmp的插件<embed src="coder.mp3" loop=true autostart=true name=bgss width="460" height="68"> 只能播放wav和mid格式，只支持ie<bgsound src="town.mid" loop="true" />  。

（2）插入flash：

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="760" height="700"> 
    <param name="movie" value="light-bot-2205.swf" /> 
    <param name="quality" value="high" /> 
        <embed src="light-bot-2205.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="760" height="700"></embed> 
</object>

6. 表单元素都要放到<form>标签中，这样提交数据到服务器时才会有效。