当前位置: 首页 > news >正文

前端day4-表单标签

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>day4-表单</title>
</head>
<body><!-- input标签 -->文本框,用于输入单行文本:<input type="text"><br>密码框: <input type="password"><br>单选框,多选一: <input type="radio" name="0">语文<input type="radio" name="0">数学<input type="radio" name="0">英语<br>多选框,多选多: <input type="checkbox" name="0">北京<input type="checkbox" name="0">天津<input type="checkbox" name="0">上海<input type="checkbox" name="0">厦门<br>选择文件,上传文件:<input type="file"><br>提交按钮: <input type="submit"><br>重置按钮: <input type="reset"> <br>普通按钮: <input type="button" value="按钮"><br><br><hr><!-- 占位符placeholder -->用户名:<input type="text" placeholder="请输入用户名"><br>密码: <input type="password" placeholder="请输入密码"><hr><!-- 单选功能和默认选中,同理多选框 --><!-- name:分组 --><!-- checked:默认选中 -->学科:<input type="radio" name="subject" checked>语文<input type="radio" name="subject">数学<input type="radio" name="subject">英语<hr><!-- 上传多个文件:multiple -->上传单个文件:<input type="file"><br>上传多个文件:<input type="file" multiple><hr><!-- 按钮 --><!-- 属性value-添加显示文字 --><form>用户名:<input type="text" placeholder="请输入用户名"><br>密码: <input type="password" placeholder="请输入密码"><br><!-- 提交按钮和重置按钮需要在表单中使用 --><input type="submit"><input type="submit" value="免费注册"><input type="reset"><input type="button" value="注册"></form><hr><!-- button按钮标签 --><button>按钮</button><button type="submit">提交按钮</button><button type="reset">重置按钮</button><button type="button">普通按钮,没有任何功能</button><hr><!-- select下拉菜单 --><!-- selected:默认选中 -->下拉菜单:<br><select><option>北京</option><option>上海</option><option>广州</option><option >厦门</option></select><select><option>北京</option><option>上海</option><option>广州</option><option selected>厦门</option></select><hr><!--textarea文本域,右下角可拖曳改变大小  --><!-- cols:规定可见宽度; rows:规定可见行数 --><textarea cols="30" rows="10"></textarea><hr><!-- label:点击文字可选中 --><!-- 方法一:复杂 -->性别:<input type="radio" name="sex" id="nan"><label for="nan">男</label><input type="radio" name="sex" id="nv"><label for="nv">女</label><br><br><!-- 方法二:简单 -->性别:<label><input type="radio" name="sex1">男</label><label><input type="radio" name="sex1">女</label></body>
</html>

 

http://www.lryc.cn/news/416786.html

相关文章:

  • vue3-print-nb 表格打印分页,第一页有空白的情况出现解决方法(两种:一种原生,一种基于element表格)
  • 搜维尔科技:借助 Xsens中的远程人体录制功能,可以在任何位置以无限量同时捕捉无限数量演员的身体动作
  • 2024/08 近期关于AI的阅读和理解[笔记]
  • SmartEDA:解锁设计新境界,从工具到灵感的飞跃之旅!
  • 解决Minizip压缩后解压时的头部错误问题
  • 数据库表水平分割和垂直分割?
  • Linux源码阅读笔记18-插入模型及删除模块操作
  • 力扣面试经典算法150题:移除元素
  • java关于前端传布尔值后端接收一直为false问题
  • 工具学习_CVE Binary Tool
  • 智观察 | 行业赛道里的AI大模型
  • linux 进程 inode 信息获取
  • 计算机网络-网络层
  • 机器学习:识别AI,GraphRAG,LoRA,线性变换,特征
  • 阿里云SMS服务C++ SDK编译及调试关键点记录
  • Flutter 正在迁移到 Swift Package Manager ,未来会弃用 CocoaPods 吗?
  • PDF——分割pdf的10个工具
  • 深入解析 Nginx 反向代理:配置、优化与故障排除
  • 深度学习入门(一):感知机与输入数据
  • kubernetes 集群组件介绍
  • Java | Leetcode Java题解之第327题区间和的个数
  • 开发一个MutatingWebhook
  • 【leetcode详解】另一棵树的子树 (C++递归:思路精析 过程反思)
  • 物联网遇到人工智能,极快的加速物联网时代
  • Vue3+Ts项目中经常遇到导入组件,vscode报无法找到模块xxx,xxx隐式拥有 “any“ 类型解决办法~
  • 郑州轻工业大学zzulioj1151~1159合集
  • 开发框架DevExpress XAF v24.2产品路线图预览——增强跨平台性
  • 程序员短视频上瘾综合症
  • image.convert()函数转换格式及显示图像的RGB三通道图像
  • C语言 ——— 在控制台实现扫雷游戏(一次展开一片,递归实现)