《使用HTML和CSS开发Web网站教学资料》第三章 表单和表单元素（理论）.pptVIP

网页中使用表单 表单 form [浏览者在此填写表单数据。] /form 表单元素 input /标签 form 请输入要查找的书籍名称: input / input type=submit /form 不同类型的表单输入元素 form 会员名:input type=text /br / 登录密码:input type=password /br / 性别: input type=radio /男 input type=radio /女br / 婚姻状况:input type=checkbox /已婚br / 相片:input type=file /br / input type=submit value=注册 / input type=reset / /form input标签的type属性 input标签的属性 会员名:input id=txtName type=text name=txtName value=请输入会员名 size=20 /br / 登录密码:input id=txtPwd type=password name=txtPwd maxlength=18/br / input标签的属性 性别: input id=radioGenderMale type=radio name=radioGender value=male checked=checked /男 input id=radioGenderFemale type=radio name=radioGender value=female /女br / 婚姻状况:input id=chkMarried type=checkbox name=chkMarried value=true /已婚br / input标签的属性 兴趣爱好: input id=chkTravel type=checkbox name=chkHobbies value=travel checked=checked旅行 input id=chkGame type=checkbox name=chkHobbies value=game游戏 …… input标签的属性 相片:input id=filePhoto type=file name=filePhoto/br / input id=btnSubmit type=submit name=btnSubmit value=确认注册 / input id=btnReset type=reset name=btnReset value=重新填写 / input标签的属性 input标签的value属性 对文本框和密码框而言，此属性用于设置它们的初始文本。 对单选按钮和复选框而言，此属性用于设置它们被选中后要发送到服务器端的数据。 对于文件域而言，此属性是只读的，不能设置。 对于隐藏域而言，此属性表示要发送到服务器的数据。 对于提交按钮，重置按钮，自定义命令按钮而言，此属性用于设置按钮的表面文字。 对于图像按钮而言，此属性是只读的，不能设置 多行文本框 在表单中允许用户输入大段文本，需要创建多行文本框。 使用textarea/textarea标签可为表单创建多行文本框。 textarea标签的属性 textarea标签的属性 列表框 在表单中有多项相关的数据让浏览者选择，此时需要创建列表框。 使用select/select标签及option/option标签可创建列表框及它要包含的选项。 列表框及其选项 年龄: select option--请选择--/option option18岁/option option19岁/option option20岁/option option21岁/option option22岁/option option23岁/option /select option标签的属性 select标签的属性 select标签的属性 select name=sltJobs size=4 multiple=multiple ….. option value=JAVAJAVA工程师/option option value=WEBUI selected=selectedWEB前端工程师 /option option value=DB数据库工程师/option option value=JAVA WEBJAVA WEB程序员/option option value=ASP.NET selected=selectedASP.NET程序员 /option option value=TEST软件测试工程师/option /select