6.1.6其他表单元素 (1).pptx

其他表单元素04

6.4其他表单元素在6.3节中，介绍了一系列的input控件。除了input元素外，HTML5表单元素还包括textarea、select、datalist、keygen、output等，本节将对它们进行详细讲解。

6.4其他表单元素掌握textarea元素的使用方法，能够在网页中创建多行文本输入框。学习目标1.textarea元素

6.4其他表单元素1.textarea元素textarea控件可以创建多行文本输入框。textareacols=每行中的字符数rows=显示的行数 文本内容/textarea属性属性值描述name由用户自定义控件的名称readonlyreadonly该控件内容为只读（不能编辑修改）disableddisabled第一次加载页面时禁用该控件（显示为灰色）

6.4其他表单元素掌握select元素的使用方法，能够制作选项的下拉菜单。学习目标2.select元素

6.4其他表单元素2.select元素

6.4其他表单元素2.select元素selectoption选项1/optionoption选项2/optionoption选项3/option.../select标记名常用属性描述selectsize指定下拉菜单的可见选项数（取值为正整数）。multiple定义multiple=multiple时，下拉菜单将具有多项选择的功能，方法为按住Ctrl键的同时选择多项。optionselected定义selected=selected时，当前项即为默认选中项。

6.4其他表单元素2.select元素在实际网页制作过程中，有时候需要对下拉菜单中的选项进行分组，这样当存在很多选项时，要想找到相应的选项就会更加容易。例如：

6.4其他表单元素使用Dreamweaver工具生成表单控件。选择菜单栏中的【窗口】→【插入】选项。多学一招:单击插入栏上方的“表单”选项单击表单工具组中不同的选项，即可生成不同的表单控件

6.4其他表单元素掌握datalist元素的使用方法，能够定义输入框的选项列表。学习目标3.datalist元素

6.4其他表单元素3.datalist元素datalist元素用于定义输入框的选项列表，列表通过datalist内的option元素进行创建。如果用户不希望从列表中选择某项，也可以自行输入其他内容。在使用datalist标记时，需要通过id属性为其指定一个唯一的标识，然后为input元素指定list属性，将该属性值设置为option元素对应的id属性值即可。例如：

6.4其他表单元素掌握keygen元素的使用方法，通过keygen元素能够生成表单密钥。学习目标4.keygen元素

6.4其他表单元素keygen元素用于表单的密钥生成器，能够使用户验证更为安全、可靠。当提交表单时会生成两个键。4.keygen元素私钥存储在客户端公钥被发送到服务器，验证用户的客户端证书

6.4其他表单元素keygen元素用于表单的密钥生成器，能够使用户验证更为安全、可靠。当提交表单时会生成两个键：4.keygen元素keygen元素的常用属性属性说明autofocus使keygen字段在页面加载时获得焦点。challenge如果使用，则将keygen的值设置为在提交时询问。disabled禁用keytag字段。form定义该keygen字段所属的一个或多个表单。keytype定义keytype。rsa生成RSA密钥。name定义keygen元素的唯一名称。name属性用于在提交表单时搜集字段的值。

6.4其他表单元素掌握output元素的使用方法，通过output元素能够在浏览器中显示计算结果。学习目标5.output元素

6.4其他表单元素output元素用于不同类型的输出，可以在浏览器中显示计算结果或脚本输出。5.output元素output元素的常用属性属性说明for定义输出域相关的一个或多个元素。form定义输入字段所属的一个或多个表单。name定义对象的唯一名称。