2015年7月7日 HTML第二课

一、html表单（html控件或客户端控件）

表单的动作Action:

Method:get或post      提交表单的发送方式

Target：_blank新窗口中打开；_parent父级窗口；_self当前窗口；_top顶级窗口。

二、表单元素及属性

1、按钮：

　　　　<input type="button">

　　2、文本框：
　　　　<input type="text">

　　3、密码：
　　　　<input type="password">

　　4、单选框：
　　　　<input type="radio" id="male" name="sex" checked="checked"><label for="male">男</label>
　　　　<input type="radio" id="female" name="sex"><label for="female">女</label>

说明：在做单选框时，要使按钮和文字关联起来（即点选文字也可以选中），可以给文字加一个id标识和<label></label>标签。如：<label for="male">男</label>

如果想让打开页面后就有一个默认的选中，可以加上checked="checked"属性。

　　5、复选框：
　　　　<input type="checkbox">红色<input type="checkbox">绿色

　　6、下拉菜单：
　　　　<select>
　　　　　　<option>--请选择--</option>
　　　　　　<option>唱歌</option>
　　　　　　<option>跳舞</option>
　　　　</select>　　

　　　　说明：如果要变成复选，加multiple即可。用户用Ctrl来实现多选。

　　　　         <select name="fruit" multiple="multiple">

　　　　         还可以用size属性来改变下拉框(Select)的大小

　　7、上传控件：
　　　　<input type="file">

　　8、多行输入框：
　　　　<textarea maxleng="限制字数" cols="宽度" rows="高度"></textarea>

　　9、重置按钮：
　　　　<input type="reset"> [只针对它所在的form表单有效果]

　　10、提交按钮：
　　　　<input type="submit"> [只针对它所在的form表单有效果]

　　11、图片按钮：

　　　　<input type="image">

　　12、隐藏字段：

　　　　<input type="hidden">

13、<fieldset></fieldset>

<fieldset style="width:155px; height: 269px;">

                        <legend align="top">图书分类</legend>
                 </fieldset>