html 其他常用表单项标签

最新推荐文章于 2025-12-14 22:21:56 发布

原创最新推荐文章于 2025-12-14 22:21:56 发布 · 31 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5

该文档提供了一个HTML代码示例，展示了如何使用select标签创建下拉列表，包括对直辖市和省会城市的分组，以及使用textarea标签创建多行文本输入框，用于填写个人介绍。用户可以提交或重置表单。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>其他常用表单项标签演示</title>
</head>
<body>
  <!--
    下拉列表标签 select
    列表项标签  option
    列表项分组标签 optgroup  属性：label设置分组名称
    文本域标签  textarea
      属性：
        rows 行数
        cols 列数
  -->
  <form action="#" method="get" autocomplete="off">

    所在城市:<select name="city">
    <option>---请选择城市---</option>
    <optgroup label="直辖市">
      <option>北京</option>
      <option>上海</option>
    </optgroup>
    <optgroup label="省会城市">
      <option>杭州</option>
      <option>武汉</option>
    </optgroup>
  </select><br/>

    个人介绍：<textarea name="desc" rows="5" cols="20"></textarea>

    <button type="submit">提交</button>
    <button type="reset">重置</button>
  </form>
</body>
</html>