web学习||day4

1.下拉表单元素

 <form>
        <select>
            <option selected="selected">--请选择年份--</option>
            <option>2000</option>
            <option>2001</option>
            <option>2002</option>
        </select>
        <select>
            <option selected="selected">--请选择月份--</option>
            <option>1</option>
            <option>2</option>
            <option>3</option>
        </select>
        <select>
            <option selected="selected">--请选择日--</option>
            <option>11</option>
            <option>22</option>
            <option>33</option>
        </select>
    </form>

<option selected="selected"></option>默认选择

2.文本域元素

 留言：<textarea name="" id="" cols="30" rows="5"></textarea>
 

 

 
使用场景: 当用户输入内容较多的情况下，我们就不能使用文本框表单了，此时我们可以使用 <textarea> 标签。
在表单元素中，<textarea> 标签是用于定义多行文本输入的控件。
使用多行文本输入控件，可以输入更多的文字，该控件常见于留言板，评论。

cols=“每行中的字符数” ，rows=“显示的行数”，我们在实际开发中不会使用，都是用 CSS 来改变大小。

表单元素总结：

这三组（input,select,textarea）表单元素都应该包含在form表单域里面,并且有 name 属性.
有三个名字非常相似的标签:
(1) 表单域 form 使用场景: 提交区域内表单元素给后台服务器
(2) 文件域 file 是input type 属性值 使用场景: 上传文件
(3) 文本域 textarea 使用场景: 可以输入多行文字, 比如留言板 网站介绍等...
 我们当前阶段不需要提交表单元素,所以我们只负责表单元素的外观形态即可.