【JavaWeb基础 · 表单标签(二)】

“这是我参与8月更文挑战的第11天，活动详情查看： 8月更文挑战”

这期我们来学习选择框标签和文本域标签。

选择框标签

<select> 元素用来创建下拉列表。

<select> 元素中的 <option> 标签定义了列表中的可用选项。

来看select标签的属性都有什么。

属性	值	描述
autofocus	autofocus	规定在页面加载时下拉列表自动获得焦点。
disabled	disabled	当该属性为 true 时，会禁用下拉列表。
form	form_id	定义 select 字段所属的一个或多个表单。
multiple	multiple	当该属性为 true 时，可选择多个选项。
name	name	定义下拉列表的名称。
required	required	规定用户在提交表单前必须选择一个下拉列表中的选项。
size	number	规定下拉列表中可见选项的数目。
复制代码

<select>
  <option value="1" style="display:none" >1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
</select>
复制代码

文本域标签

<textarea> 标签定义一个多行的文本输入控件。

文本区域中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。

可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小，不过更好的办法是使用 CSS 的 height 和 width 属性。

提示：可以通过 标签的 wrap 属性设置文本输入区内的换行模式

一起来看textarea有什么属性吧。

属性	值	描述
autofocus	autofocus	规定当页面加载时，文本区域自动获得焦点。
cols	number	规定文本区域内可见的列数。
disabled	disabled	规定禁用文本区域。
formNew	form_id	定义文本区域所属的一个或多个表单。
maxlength	number	规定文本区域允许的最大字符数。
name	text	规定文本区域的名称。
placeholder	text	规定一个简短的提示，描述文本区域期望的输入值。
readonly	readonly	规定文本区域为只读。
required	required	规定文本区域是必需的/必填的。
rows	number	规定文本区域内可见的行数。
wrap	hard soft	规定当提交表单时，文本区域中的文本应该怎样换行。
复制代码

<textarea rows="10" cols="30">
我是一个文本框。
</textarea>
复制代码

写在最后

好了，HTML中的表单标签咱们已经介绍完了，自此HTML的学习也告一段落了，这个系列如果能对大家有帮助，我会感到很高兴。如有不正之处，欢迎大家留言指正，一起进步！