一、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>标签中,这样提交数据到服务器时才会有效。