Day5表单—下拉菜单与文本域

下拉菜单
image

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>下拉菜单</title>
</head>
<body>
    城市:
    <select >
        <option >北京</option>
        <option >武汉</option>
        <option >南京</option>
        <option >杭州</option>
        <option >太原</option>
        <option  selected>厦门</option>
        <!-- 下拉菜单中也有单/多选框的默认选项，用selected来实现 -->
    </select>
</body>
</html>

文本域
作用:多行输入的表单控件
其实就是发评论的那个框框
标签名为textarea

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文本域</title>
</head>
<body>
    <textarea >请输入评论</textarea>
    <!-- 与inpute的文本框不同的是文本域会换行，用户可以输入多行文本，文本框则不会换行 -->
     <!-- 文本域有一个可以拖拽框的大小的功能，在实际应用中会被禁用，未来用CSS来设置尺寸 -->
</body>
</html>

image

posted @ 2025-10-27 10:14  冰涿  阅读(6)  评论(0)    收藏  举报