第三章《表单与表单元素》.ppt

label的for属性值指定为要绑定的表单元素的id属性值。 与表单元素显式绑定 性别: input id=radioGenderMale type=radio name=radioGender value=male checked=checked /label for=radioGenderMale男/label input id=radioGenderFemale type=radio name=radioGender value=female /label for=radioGenderFemale女/labelbr / 婚姻状况: input id=chkMarried type=checkbox name=chkMarried value=true /label for=chkMarried已婚/labelbr / 要绑定的表单元素放置在label/label的标签内部。 与表单元素隐式绑定 兴趣爱好: labelinput id=chkTravel type=checkbox name=chkHobbies value=travel checked=checked旅行/label labelinput id=chkGame type=checkbox name=chkHobbies value=game游戏 labelinput id=chkShopping type=checkbox name=chkHobbies value=shopping checked=checked购物/label labelinput id=chkChat type=checkbox name=chkHobbies value=chat聊天/label labelinput id=chkBar type=checkbox name=chkHobbies value=bar checked=checked泡吧/labelbr / 用于将表单内的多个表单元素分成多个组，并为每个组提供一个标题。 fieldset/fieldset及legend/legend标签 form fieldset legend帐户信息/legend 会员名、登录密码等一组表单元素 /fieldset fieldset legend个人资料/legend 性别、婚姻状况、兴趣爱好、相片、年龄、简介等一组表单元素 /fieldset 提交和重置按钮 /form 表单提交是指浏览器将表单内所有表单元素的数据作为整体发送到服务器器。 浏览者可以通过类型为sumit或image的input /标签以及类型为submit的button/button标签的点击来告知浏览器行使提交动作。 表单的属性与提交 属性 意义 id 标签在页面中的唯一标识符。 name 表单的名称。 action 动作，一个URL地址。即浏览器向服务器端的哪个程序提交表单数据。 method 方法，可以get 或 post ,即浏览器采用哪种方法向服务器传递数据。默认为get enctype 表单数据在传递之前浏览器对其编码的方式。 当表单内包含file类型的input /表单元素用于上传文件时，此属性必须设置为multipart/form-data。 form/form标签的属性 form name=frmLogin action=login.html method=post 会员名:input type=text name=txtName /br / 密　码:input type=password name=txtPwd /br / input type=submit name=btnSubmit value=登录 / input type=reset name=btnReset value=重填 / /form 表单的action属性 表单数据以何种方式传送到服务器端。 get post 当表单内包含密码框及文件域时或表单的数据量较大时，应使用post方式。 区分这两种方式在语义方面的差别：post指浏览器提供一批数据发送到服务器，而get指浏览器要从服务器端获取数据。 表单的method属性 表单用于浏览器和Web服务器之间进行数据交互。 使用form/form标签创建表单。 使用input /标签，textarea/textarea标签，select/select标签及option/option标签，button/button标签，label/label标签，fieldset/fieldset标签及legend/legend标签在表单内部创建表单元素。 input /标签可以创建多种类型的表单输入元素。 select/select标签及o