<form>标签为表单标签,如果要把数据提交到服务器则需要将<Input>,<Select>,<TextArea>等元素添加到<form>中;action属性指定要将表单提交到哪里,例如:<form action=“Register.aspx”></form>
Input
<input>是主要的表单元素,type指定类型,主要包括:submit(提交按钮),button(普通按钮),checkbox(复选框),file(文件选择框),hidden(隐藏字段),password(密码输入框),image(图片按钮),radio(单选按钮),reset(重置按钮),text(文本框). 例如:
<form action="Register.aspx">
<input type="text" size="50"></input>
<input type="submit" value="注册"/>
<input type="radio" name="sex" value="男">男</input>
<input type="radio" name="sex" value="女">女</input>
<input type="image" src="26311.png" width=20 hight=20/><!--图片按钮,这里也可以设置图片显示的大小-->
</form>
submit
submit按钮点击后,表单就会被提交给服务器,中文IE下默认按钮文本为“提交查询”,可以通过设置value属性来自定义显示的文本。例如:<input type="submit" value="注册"/>
text
size属性为宽度,value为值,maxlength用于设置允许输入的最大长度,readonly为只读。
checkbox
checked属性表示是否被选中。<input type="checkbox" checked="checked"/>
radio
相同name属性的为一组,不同radio设定不同的值,这样通过取指定name的value就知道谁被选中了
<input type="radio" name="sex" value="男">男</input>
<input type="radio" name="sex" value="女">女</input>
file
使用file则<form>的enctype属性必须设置为multipart/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>北京</option>或者<option selected="selected">北京</option>(推荐),就可以将将一个值设置为选中状态 。
如何实现不选择:
添加一个<option value="-1">--不选择--</option>,然后编程判断select选中的值如果是-1就是不选择。
Optgroup分组选项:
分组选项本身不会被选中,无论对于下拉菜单还是列表框都适用。
label属性为显示的组名,例如
<optgroup label="A区">
<option>北京</option>
<option>上海</option>
<option selected="selected">深圳</option>
</optgroup>
<optgroup label="B区 ">
<option>郑州</option>
<option>长沙</option>
<option selected="selected">西安</option>
</optgroup>
实现的效果 |