第4课form表单.pptxVIP

Form表单 form/form表单标签 form 标签用于为用户输入创建 HTML 表单域 表单能够包含?input 元素 、textarea、label 表单用于向服务器传输数据 form 标签书写 form id=form2 name=form2 method=post action=/form form标签 属性 id, class 定义表单样式. name (名称 ) 值 （ name ）规定表单的名称. method (方法 ) 值 （get / post ）post 由用户提供数据，get由服务器 Action (动作) 值 （URL）规定当提交表单时，向何处发送表单数据 . enctype (MIME类型) 规定表单数据在发送到服务器之前应该如何编码。 multipart/form-data 在使用包含文件上传控件的表单时，必须使用该值。 label标注标签 label 标签为form 元素定义标注（标记）。 当你点击label时浏览器就会自动将焦点转到和标签相关的表单控件上 label 标签的 for 属性应当与相关元素的 id 属性相同 label标签 属性 id、class. For(绑定元素)规定 label 与哪个表单元素绑定 ，通过元素的id. input输入域标签 form 标签用于为用户输入创建 HTML 表单域 input type=“”输入域控件的类型 Text input type=text / 定义用户可输入文本的单行输入字段。 Password input type=password / 定义密码字段。密码字段中的字符会被掩码 Radio input type=radio / 定义单选按钮。 Checkbox input type=checkbox / 定义复选框。 File input type=file / 用于文件上传。 Image input type=image / 定义图像形式的提交按钮。 Submit input type=“submit” / 定义提交按钮。提交按钮用于向服务器发送表单数据。数据会发送到表单的 action 属性中指定的页面。 Reset input type=“reset” / 重置按钮。重置按钮会清除表单中的所有数据 Button input type=button / 定义可点击的按钮。button 类型常用于在用户点击按钮时启动 JavaScript 程序。 input标签 属性 name (名称 ) 定义 input 元素的名称，相同的名称会形成一个组。 Id (唯一的， 多用于JavaScript ), class 定义表单样式. Value(值)规定 input 元素的值。 Size (字段宽度 )定义输入字段的宽度. Maxlength(字段长度)规定输入字段中的字符的最大长度 checked (已选中)规定此 input 元素首次加载时被选中，值也是checked Src (URL )定义以提交按钮形式显示的图像的 URL Alt (替代文本 ) 定义图像输入的替代文本 textarea多行文本标签 textarea标签定义多行的文本输入控件 与input 不同的是 textarea 是一个双标签 textarea标签 属性 Cols(字符宽度)规定文本区内的可见宽度。 Rows(行)规定文本区内的可见行数。 Name(名称)、id、class. select菜单标签 select可以提供一下下拉菜单/列表菜单的控件 select 是一个双标签 Select需要和option(菜单项)配合使用，就像ul和li的关系。 select标签 属性 Name(名称)、id、class. Size(条数)规定下拉列表中可见选项的数目。 select标签 事件 onchange(改变输入域时发生) onchange 事件在用户改变输入域的内容时执行 JavaScript 代码 做跳转菜单写法： select onchange=MM_jumpMenu(parent,this,0) 这个是DreamWeaver自动产生的跳转菜单代码 option菜单项标签 option 元素定义菜单的一个选项 与 select 元素配合使用此标签，否则这个标签是没有意义的 option标签 属性 selected (选定)规定选项（在首次显示在列表中时）表现为选中状态。 Value (提交给服务器的值 ) option 与 option/ 之间的值是浏览器 显示在下拉列表中的内