表单
表单的作用是从访问您的Web站点的用户那里获取信息,访问者可以使用诸如文本域、列表框、复选框以及单选按钮之类的表单元素输入信息,然后单击某个按钮提交这些信息。
是客户端与服务器端进行信息交流的途径。
l Form标记用于创建一个表单,定义表单的开始于结束,它是一个容器,用于包含其它表单元素,例如文本框复选框等。表单元素必须放在form中才能起作用。
l <form action=”url(传送目标,处理表单信息的服务器端应用程序)” method=“处理表单的方法(post/get)” 不写method默认是get,name=“表单名称”>表单元素</form>
l Post方法可以传递大量信息(安全)
l Get方法是将值附加到请求该页的URL中,适合传递少量信息(默认方式)
表单元素标记
单行文本框
<input name=”文本框名称”type=”text”value=”初始值” size=”显示的字符个数” maxlength=”最多容纳的字符数” readyonly=”readyonly”(设为只读)disabled=”disabled”(设置为不可操作) >
密码框
<input name=”文本框名称”type=”password”value=”初始值” size=”显示的字符个数” maxlength=”最多容纳的字符数”>
单选框
<input name=”单选框名称” type=”radio” value=”提交值” checked=”checked”(是否被选中) />
复选框
<input name=”复选框名称” type=”checkbox” value=”提交值”checked=”checked”(是否被选中) />
将按钮与文本关联<label>
<label>标注内容</label>标签为input元素的定义标注(标记)。<label>标签的for属性应当与相关联元素的id属性相同
Ø <label for=”man”>男</label>
Ø <input type=”radio” name=”sex” value=”男”id=”man” >
列表框
1.下拉菜单式
Ø <select name=”列表框名称” />
Ø <option selected=”selected”(哪个为初始选择,就添加selected语句【只允许一个option中有】) value=”提交值” />列表1</option>
Ø <option value=”提交值” />列表2</option>
Ø ....................
Ø <select>
2.下拉菜单分组式
Ø <select name=”citys”>
n <optgroup label=”北京”>
u <option value=”朝阳” selected=”selected”>朝阳</option>
u <option value=”海淀”>海淀</option>
u <option value=”东城”>东城</option>
n </optgroup>
Ø </select>
1. 列表式
Ø <select name=”列表框名称” size=”显示的行数” multiple(如果允许多选,则有该命令;否则没有此命令)>
n <option value=”提交值”>列表1</option>
n ..........
Ø </select>
Ø 例如:
Ø <select name=”target” size=”3” multiple=”multiple”>
n <option value=”普通朋友”>普通朋友</option>
n <option value=”爱人” selected=”selected”>爱人</option>
n <option value=”同事”>同事</option>
Ø </select>
浏览框(文件上传域)
<input name=”名称” type=”file” size=”显示长度” />
多行文本框
Ø <textarea name=”多行文本框名称” cols=”每行中显示的字符数” rows=”显示的行数”>
Ø 初始内容........
Ø </textarea>
按钮
n <input type=”按钮类型(reset[重置表单]、submit[提交表单]、button[普通按钮])” name=”按钮名称” value=”按钮显示文本” />
图片按钮
n <input name=”图片按钮名称”type=”images” src=”图片路径” />
隐藏域(例如服务器获取客户IP地址)
n <input name=”名称”type=”hidden” value=”提交值” />
表单外框(写在form标签里面)
Ø <fieldset>...</filedset>定义围绕表单中元素的边框。
Ø <legend>...</legend>为fileset元素的定义标题