HTML 表单课件.pptx

表单将我们的信息提交给服务器-表单“表单”是网页上用于输入信息的区域，它的主要功能是收集用户信息，并将这些信息传递给后台服务器，实现网页与用户的沟通。是客户端与服务器端进行信息交流的途径 一个完整的表单通常由表单控件（表单元素），提示信息，表单域（容纳表单控件和提示信息） 三部分构成表单域（相当于一个容器）表单控件（包含了具体的表单功能项）提示信息要想让表单的数据传送给后台服务器，就必须定义表单域。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则默认提交方式为 getname=表单名称 表单元素/formPOST 方法可以传递大量信息GET 方法将值附加到请求该页的URL 中。适合传递少量信息(默认方式)表单元素标记1、单行文本框(文本域)input name=“文本框名称” type=“text” value=“初始值” size=“显示字符数” maxlength=“最多容纳字符数” readonly=”readonly”(设置为只读) disabled=“disabled”（设置为不可操作）注意：input标记必须的属性是name和type2、密码框input name=“文本框名称” type=“password” value=“初始值” size=“显示字符数”/表单元素标记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男/labelinput type=radio name=sex value=男 id=man 表单元素标记5、多行文本框textarea name=“多行文本框名称” cols=“每行中的字符数” rows=“显示的行数” 初始内容/textarea表单元素标记6、 列表框(A)、菜单式 select name=“列表框名称”option selected=“selected”(哪个为初始选择，就添加selected语句[只有一个]) value=“提交值”列表1/optionoption 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[提交表单]、button[普通按钮])” name=“按钮名称” value=“按钮显示文本”/8、图片按钮input name=图片按钮名称 type=image src=图片路径 /9、隐藏域inp