HTML按钮、复选框、下拉菜单

最新推荐文章于 2024-05-03 11:17:45 发布

原创最新推荐文章于 2024-05-03 11:17:45 发布 · 1.9k 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端

这是一个模拟的青春留言板页面，包含昵称、性别等基本信息填写项，并让用户承诺年满18岁且未婚。页面采用HTML编写，含有表单元素如文本框、单选按钮等。

部署运行你感兴趣的模型镜像

<html>
<body>
  <h1>青春不常在</h1><hr>
  <form action=::>
    昵称：
    <input type="text" placeholder="请输入你的昵称"> 
    <br><br>
    性别：
    <lable><input type="radio" name="sex" checked> 男</lable><!--radio为单选，name=sex为二选一，checked为预选中-->
    <lable><input type="radio" name="sex"> 女</lable>
    <br><br>
    所在城市：
    <select>
      <option>太原</option>
      <option>大同</option>
      <option selected>忻州</option>          <!--selected默认选择-->
      <option>榆次</option>    
    </select>
    <br><br>
    婚姻状况：
    <lable><input type="radio" name="marital status" checked>未婚</lable>
    <lable><input type="radio" name="marital status">已婚</lable>
    <lable><input type="radio" name="marital status">隐婚</lable>
    <br><br>
    喜欢的类型：
    <lable><input type="checkbox" checked>可爱</lable>
    <lable><input type="checkbox">性感</lable>
    <lable><input type="checkbox" checked>萝莉</lable>
    <lable><input type="checkbox">御姐</lable>
    <lable><input type="checkbox">断袖</lable>
    <br><br>
    个人介绍：<br>
    <textarea cols="60" rows="10"></textarea>
    <br><br>
    <h3>我承诺</h3>
    <ul>
      <li>年满18</li>
      <li>未婚</li>
    </ul>
    <input type="submit" value="免费注册">
    <button>提交</button>
    <button type="reset">重置</button>      
  </form>
</body>
</html>

您可能感兴趣的与本文相关的镜像

Python3.10

Conda

Python

Python 是一种高级、解释型、通用的编程语言，以其简洁易读的语法而闻名，适用于广泛的应用，包括Web开发、数据分析、人工智能和自动化脚本