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

html制作一个简单的表单

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>表单输入练习</title><style></style>
</head><body style="background-color: pink;"><div><h2>申请表</h2><hr><form action="#" method="post"><div class="a1" style="margin-top: 10px;"><lable for="name">姓名</lable><input type="text" id="name" name="name"></div><div class="a2" style="margin-top: 10px;"><lable for="job">感兴趣的职位:</lable><input type="radio" id="job1" name="job"> <label for="job1">web设计师</label><input type="radio" id="job2" name="job"> <label for="job2">web开发着</label><input type="radio" id="job3" name="job"> <label for="job3">web管理者</label></div><div class="a3" style="margin-top: 10px;"><lable for="ruquire">其他需求:</lable><textarea name="require" id="ruquire" cols="30" rows="10"></textarea></div><div class="a4" style="margin-top: 10px;"><input type="checkbox" id="confirm"><label for="confirm">阅读确认信息</label></div><div class="a5" style="margin-top: 10px;"><label for="xuanze">经验</label><select name="xuanze" id="xuanze"><option value="0year">无经验</option><option value="1year">1年</option><option value="2year">2年</option><option value="3year">3年</option></select></div><div class="a6" style="margin-top: 10px;"><input type="submit" value="确定"><input type="reset" value="重置"></div></form></div>
</body></html>

其中,input 有很多 text,radio(单选),checkbox(多选)

其中的绑定关系

http://www.lqws.cn/news/546967.html

相关文章:

  • 每天一个前端小知识 Day 14 - 前端状态管理深入实践
  • [1-01-01].第27节:常用类 - 包装类
  • 26考研|数学分析:隐函数定理及其应用
  • 官方App Store,直链下载macOS ,无需Apple ID,macOS10.10以上.
  • php flush实时输出线上环境好使,本地环境等待一段时间后一次性输出结果的原因
  • 跨芯片 AI 算子库 FlagGems 正式加入PyTorch 基金会生态项目体系
  • MyBatis中的SQL理解
  • uniappx 安卓app项目本地打包运行,腾讯地图报错:‘鉴权失败,请检查你的key‘
  • Unity性能优化-渲染模块(1)-CPU侧(1)-优化方向
  • 基于springboot的火锅店点餐系统
  • 分布式存储架构的优势
  • 河北对口计算机高考C#笔记(2026高考适用)---完结版~~~~
  • GPS不只是导航,实时定位追踪系统如何玩转智能时代?
  • 深度学习框架入门指南:PyTorch 核心实战
  • 第N5周:Pytorch文本分类入门
  • 使用GDAL库统计不同分区内的灾害点分布情况,计算灾害相对密度等统计指标
  • Spring Boot 3.2.11 Swagger版本推荐
  • Python 数据分析与可视化 Day 9 - 缺失值与异常值处理技巧
  • 从0到100:房产中介小程序开发笔记(中)
  • css去掉换行小工具 去掉css换行 style样式去掉换行
  • flink同步kafka到paimon,doris加速查询
  • 大数据赋能智能家居:打造你贴心的“数字管家”
  • 飞往大厂梦之算法提升-day09
  • ssh -T git@github.com失败后解决方案
  • Google机器学习实践指南(逻辑回归损失函数)
  • RabitQ 量化:既省内存又提性能
  • 华为云Flexus+DeepSeek征文 | 基于华为云ModelArts Studio平台搭建AI Markdown编辑器
  • 【iSAQB软件架构】四大架构视图利益相关者
  • 【开源项目】「安卓原生3D开源渲染引擎」:Sceneform‑EQR
  • 机器学习6——线性分类函数