HTML--表单

网站表单与填表

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

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

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" />（推荐写法）

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

file：使用file，则form的enctype必须设置为multiple art/form-data，method属性为POST

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

 

<select>标签

用来创建累死与winform中的combobox或者listbox

如果size属性大于1就是listbox，否则就是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对数据进行分组，分组本身不会被选择，无论对于下拉列表还是列表框都适用。

<select>
<optgroup label="一二">
<option value="1">一</option>
<option value="2">二</option>
</optgroup>
<optgroup label="三四">
<option selected="selected">三</option>
<option>四</option>
</optgroup>
</select>