一个小小的博主每天为大家分享笔记,回顾基础知识

一,首先我们来了解什么是选择框

那么如下图的展示就是我们今天要学习的选择框的制作

html5 选项卡代码 html选择栏_默认值


1.首先我们要用到的标签及其格式如下:

<select size='' name='' multiple='multiple'>
	<option value='可选择的内容' selected='selected'>...</option>
	<option>...</option>
	<option>...</option>
</select>

其中属性标签介绍如下:
size:填入数字,表示滚动条下拉列表中一次可显示的列表项数,默认值是1
name:控制操作名
multiple:此属性控制可选多个选项,否则只能选择一个

value:指定控制操作的初始值
select:此标签代表默认选中
2.了解了标签及其属性下面我们来进入实战:

<select name='work' size='1'>
<!-- size设置列表中一次可显示的选项数 -->
	<option value='农民'>农民</option>
	<option value='教师'>教师</option>
	<option value='公务员'>公务员</option>
	<option value='程序员' selected='selected'>程序员</option>
<!-- selected='selected'设置程序员为默认选项 -->
</select>

一起来看一下结果:

html5 选项卡代码 html选择栏_下拉列表_02

二,最后我们再插入一个文本域的讲解

创建一个多行文本域:

<textarea naem='文本域名字' row='设置行数' cols='设置列数'></textarea>

补充: 此标签不可以使用value属性
让我们来创建一个10行30列的文本框:

html5 选项卡代码 html选择栏_文本域_03


❤今天的分享就到这里,点个关注,鼓励一下吧!建议收藏哦,便于巩固基础知识。