【HTML】第八讲、表单的创建(2)

时间:2024-01-20 20:46:40

大步朝前!@放纵lili

本章接着上讲内容继续将表单内容叙述完。

一、选择列表元素

(一)、多项选择列表:

1、定义:

多项选择列表一次可以选择多个列表选项,且一次可以显示1个以上的列表选项。

2、基本语法:

【HTML】第八讲、表单的创建(2)_多选列表

3、select标签的常用属性:

  (1)name---------------设置列表的名称

  (2)size----------------设置能同时显示列表的选项个数。

  (3)multiple-----------设置列表中的选项可多选

  (4)value--------------设置选项值

  (5)selected-----------设置默认选项,可对多个列表选项设置此属性

4、示例:

【HTML】第八讲、表单的创建(2)_文本域_02

(二)、下拉列表

1、定义:

下拉列表是指一次只能选择一个列表选项,切一次只能显示一个列表选项的选择列表。

2、基本语法:

【HTML】第八讲、表单的创建(2)_多选列表_03

3、创建下拉列表(示例)

【HTML】第八讲、表单的创建(2)_多选列表_04

(三)、文本域元素

1、定义:

在网页表单中,我们经常可以看到有一个给用户填写备注信息或评论信息的多行多列的文本区域,这个区域需要使用<textarea>标签创建。

2、基本语法:

【HTML】第八讲、表单的创建(2)_下拉列表_05

3、创建文本域

【HTML】第八讲、表单的创建(2)_多选列表_06

上讲漏讲的一部分给填上。

(四)、number类型

1、定义:

通过number类型使input元素生成一个只能输入特定取值范围内的数值的输入框。

2、基本语法:

【HTML】第八讲、表单的创建(2)_文本域_07

3、创建number类型的输入元素。

【HTML】第八讲、表单的创建(2)_多选列表_08

(五)、search类型

1、定义:

通过search类型使input元素生成一个专门用于搜索关键词的文本框。

2、基本语法:

【HTML】第八讲、表单的创建(2)_文本域_09

3、创建search类型的输入元素

【HTML】第八讲、表单的创建(2)_基本语法_10

  常用的内容差不多就这些了。这次的更新时间比较长,因为近一个半月都在忙期末,还有就是在修行中。然后现在期末了我会加快速度把基础知识都梳理完,供大家一起学习和复习巩固,有不足的地方,欢迎大家指出修正。