项目3 表单应用.pptxVIP

表单应用

使用常用的表单元素

会使用form标签设计简单的表单页面掌握form标签的属性和使用方法了解表单的组成结构使用常用的表单元素

引入场景一访问网站登录时，需要输入用户名密码；场景二网购买东西时需要选择型号、尺码、颜色；上述应用场景，HTML通过表单(form)，来收集用户输入的内容。使用常用的表单元素

表单的组成结构表单控件提示信息表单域使用常用的表单元素

表单的组成结构表单域表单控件提示信息使用常用的表单元素表单控件提示信息包含单行文本输入框、密码输入框、确认按钮等）表单域（容纳表单控件和提示信息）

form标签的属性和使用方法①创建表单，需要使用form标签formname=表单名method=提交方法action=表单提交的地址!--文本框、按钮等表单元素--/form②源代码③常见表单元素包括文本框、下拉框、单选框、复选框等(1)name属性：描述的是表单的名称(2)method属性：定义表单结果从浏览器传送到服务器的方法，一般有两种方法：get和post(3)action：定义表单数据提交的目标地址使用常用的表单元素

3.input标签及其属性属性作用type指定元素的类型。Text、password、checkbox、radio、submit、reset、file、hidden、image和button，默认为textname指定表单