表单form标签

 使⽤场景需要提交⼀些信息到服务端的时候(前后端联调过程中)
核⼼元素input (核⼼元素)
label (提⾼交互体验的)
select(下拉框)
textarea(⽂本域)
button(按钮)
form(表单元素，提交每个表单项内容)

代码案例

 <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <form action="">
    <input type="text">
    <!-- <label>
      <input type="checkbox">同意
    </label> -->
    <label for="isagree">同意</label>
    <input type="checkbox" id="isagree">
    <select>
      <option value="1">男</option>
      <option value="2">女</option>
    </select>
    <button type="submit">注册</button>
  </form>
</body>
</html>

posted @ 2022-08-29 23:10 DogLeftover 阅读(10) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· 表格table标签

· 列表ul、ol标签

· [HTML]表单标签（form表单域、input输入表单、label标签、select下拉表单、textarea文本域）

· form表单

· 表单标签总结

阅读排行：
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· 字符编码：从基础到乱码解决
· 提示词工程——AI应用必不可少的技术

表单form标签

我的标签

合集 (4)

随笔分类 (1350)

阅读排行榜

推荐排行榜

	使⽤场景需要提交⼀些信息到服务端的时候(前后端联调过程中)
	核⼼元素input (核⼼元素)
	label (提⾼交互体验的)
	select(下拉框)
	textarea(⽂本域)
	button(按钮)
	form(表单元素，提交每个表单项内容)

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	</head>
	<body>
	<form action="">
	<input type="text">
	<!-- <label>
	<input type="checkbox">同意
	</label> -->
	<label for="isagree">同意</label>
	<input type="checkbox" id="isagree">
	<select>
	<option value="1">男</option>
	<option value="2">女</option>
	</select>
	<button type="submit">注册</button>
	</form>
	</body>
	</html>