一个小小的博主每天为大家分享笔记,回顾基础知识
一,首先我们来了解什么是选择框
那么如下图的展示就是我们今天要学习的选择框的制作
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>
一起来看一下结果:
二,最后我们再插入一个文本域的讲解
创建一个多行文本域:
<textarea naem='文本域名字' row='设置行数' cols='设置列数'></textarea>
补充: 此标签不可以使用value属性
让我们来创建一个10行30列的文本框:
❤今天的分享就到这里,点个关注,鼓励一下吧!建议收藏哦,便于巩固基础知识。