HTML 表单教学课件.ppt

表单 将我们的信息提交给服务器-表单 “表单”是网页上用于输入信息的区域，它的主要功能是收集用户信息，并将这些信息传递给后台服务器，实现网页与用户的沟通。 是客户端与服务器端进行信息交流的途径 一个完整的表单通常由表单控件（表单元素），提示信息，表单域（容纳表单控件和提示信息） 三部分构成 表单域 （相当于一个容器） 提示信息 表单控件 （包含了具体的表单功能项） 要想让表单的数据传送给后台服务器，就必须定义表单域。 form/form用于定义表单域，即创建一个表单。实现用户信息的收集和传递， form/form中的所有内容都会被提交给服务器。 注意：form标记的属性不会直接影响表单的显示效果。要想让一个表单有意义，必须在form与/form之间添加相应控件。 表单基本结构 form action=url method=GET|POST 表单内容： 文本框、单选钮、选择框、输入成段 文字、发送、复位按钮...... input type=submit 提交按钮 input type=reset复位按钮 /form 表单标记 再次强调：表单元素必须入在form标记内才有作用。 表单属性： form action=url(传送目标，处理表单信息的服务器端应用程序) method=处理表单数据的方法(POST/GET) 如果不写method则默认提交方式为 get name=表单名称 表单元素 /form POST 方法可以传递大量信息 GET 方法将值附加到请求该页的URL 中。适合传递少量信息(默认方式) 1、单行文本框(文本域) input name=“文本框名称” type=“text” value=“初始值” size=“显示字符数” maxlength=“最多容纳字符数” readonly=”readonly”(设置为只读) disabled=“disabled”（设置为不可操作） 表单元素标记 2、密码框 input name=“文本框名称” type=“password” value=“初始值” size=“显示字符数”/ 注意：input标记必须的属性是name和type 3、 单选框 input name=“单选框名称” type=“radio” value=“提交值” checked=”checked”(是否被选中) / 4、复选框 input name=“复选框名称” type=“checkbox” value=“提交值” checked=”checked”(是否被选中) 表单元素标记 label标注内容/label 标签为 input 元素定义标注（标记）。label 标签的 for 属性应当与相关元素的 id 属性相同 label for=man男/label input type=radio name=sex value=男 id=man 表单元素标记 5、多行文本框 textarea name=“多行文本框名称” cols=“每行中的字符数” rows=“显示的行数” 初始内容 /textarea 表单元素标记 6、 列表框 (A)、菜单式 select name=“列表框名称” option selected=“selected”(哪个为初始选择，就添加selected语句[只有一个]) value=“提交值”列表1/option option value=“提交值”列表2/option ... /select 分组 optgroup label= 分组名称 /optgroup 表单元素标记 例如： select name=“citys” optgroup label=北京 option value=朝阳 selected=“selected” 朝阳/option option value=海淀海淀/option option value=东城东城/option /optgroup /select 表单元素标记 (B)、列表式 select name=“列表框名称” size=“显示的行数” multiple(如果允许多选，则有该命令；否则没有此命令) option value=“提交值”列表1/option ... /select 表单元素标记 例如： select name=target size=3 multiple=“multiple” option value=普通朋友普通朋友/option option value=爱人 selected爱人/option /select 7、按钮 input type=“按钮类型(reset[重置表单]、submit