html表单

 

表单

 

•网站表单与填表

•<form>标签为表单标签。如果要把数据提交到服务器，则需要将<input>、<textarea>、<select>等表单元素放到form中。

•<input>是主要的表单元素，type的可选值：submit（提交按钮）、button（普通按钮）、checkbox（复选框）、file（文件选择框）、hidden（隐藏字段）、image（图片按钮）、password（密码框）、radio（单选按钮）、reset（重置按钮）、text（文本框）。<input type="file" />

 

 

 

input表单详解

 

 

•submit：点击submit按钮表单就会被提交给服务器，中文IE下默认按钮文本为“提交查询”，可以设置value属性修改按钮的显示文本

•text：size属性为宽度，value为值，maxlength为可以输入的最大长度，readonly只读。<input type="text" readonly/>（只写属性名，不写属性值）或者<input type="text" readonly="readonly" />（推荐）

•checkbox：checked属性表示是否被选中，<input type="checkbox" checked />或者<input type="checkbox" checked="checked" />(推荐)checked、readonly等这种只有一个可选值的属性都可以省略属性值。

•radio：相同name属性的为一组，不同radio设定不同的value值，这样通过取指定name的值就可以知道谁被选中了，不用单独的判断。

•file：使用file，则form的enctype必须设置为multipart/form-data、method属性为POST（*）

•image：使用src属性指定图片的地址，用来实现美化的“登录按钮”。

 

•用来创建类似于WinForm中的ComboBox或者ListBox

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

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

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

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

•select分组选项，可以使用optgroup对数据进行分组，分组本身不会被选择，无论对于下拉列表还是列表框都适用。备注

 

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

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

–为被修饰的控件设置一个唯一的id。

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

•fieldset：GroupBox效果，将控件划分一个区域，看起来更规整

•<fieldset>

–    <legend>常用</legend>

–    <input type="text" />

–</fieldset>

•滚动文字 <marquee> di

l播放声音、显示flash，见备注