html表单和表单元素.doc

表单和表单元素 作者：谢钟扬 表单 表单是一个包含表单元素的区域。 表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。 表单使用表单标签（form）定义。form元素可以使用下表所示的属性来进行设置。 属性 值 描述 action URL 规定当提交表单时向何处发送表单数据。 enctype 见说明 规定在发送表单数据之前如何对其进行编码。 method get post 规定用于发送 form-data 的 HTTP 方法。 name form_name 规定表单的名称。 target _blank _self _parent _top framename 规定在何处打开 action URL。 input元素：用于指定输入项元素，必须放在form元素中。 name属性：用于设置输入项的参数名。 value属性：用于设置输入项的参数值。 readonly属性：用于设置输入项为只读，用户不可输入。 type属性：用于设置输入项的类型： type=”text”：文本输入框 type=”password”：密码输入框，输入内容会自动转成圆点或者星号。用于保护用户输入的密码。 type=”radio”：单选输入按钮，name属性相同的一组单选输入按钮，遵守互斥原则，只能选中其中一项。可以使用checked属性设置其为被选中状态。 type=”checkbox”：复选输入按钮，name属性相同的一组复选输入按钮，允许同时勾选多个；勾选多个时，会将每个被选中的项的值均提交到服务器。可以使用checked属性设置其为被选中状态。 type=”file”：文件上传控件，用于指定本地文件上传到服务器。 type=”hidden”：隐藏输入项，不会在页面显示，但是会随着表单的提交而提交到服务器的数据。 type=”submit”：提交按钮，自动绑定了表单的提交时间，用于定义点击时提交表单的按钮。 type=”reset”：重置按钮，用于定义点击时清空表单中已经填写的内容的按钮。 type=”button”：普通按钮，用于定义按钮，通常需要绑定事件处理函数。 select元素：用于声明下拉列表元素。 name属性：用于设置输入项的参数名。 multiple属性：用于设置下拉列表允许多选。 size属性：用于设置下拉列表一次可以显示的选项个数，默认为1。 option元素：用于定义下拉列表中的选项元素，必须放在select元素中。 value属性：用于指定该下拉选项的值。 selected属性：用于指定该下拉选项为被选中状态。 textarea元素：用于定义一个文本域，可以输入多行文字。 rows属性：定义文本域显示的行数。 cols属性：定义文本域显示的列数。 3. 作业：根据下列效果图，编写HTML代码，实现登录页面和注册页面。