HTML-表单域和input的type属性的常用属性值

天天水煮白菜 天天水煮白菜 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 800+累计阅读 872平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄7年
关注
原创 最新推荐文章于 2026-07-05 15:08:50 发布 872 阅读 AI 写同款· GEO 优化 ›
在Window上安装和配置VTK9.x，并在QT项目中调试VTK是否可用 VTK+MSVC+Qt Creator + CMake配置 阅读详情

表单域的学习

表单一般用来收集信息，传递到后台，比如登录、注册、信息填写，所以应用也是比较常见的。
在这里插入图片描述
在学习表单之前我们先看一下input标签的type属性有哪些属性值
在这里插入图片描述
还有需要注意的几点是：

  1. 文本框里灰色提醒的属性是由placeholder控制的
  2. checked是单选按钮和复选框的默认选项
  3. maxlength可以设置最长输入字符，比如 maxlength=“6” 就是限制最大长度为6.
  4. 另外提一下下拉框
    在这里插入图片描述
    大家也可以尝试写一下上面的表单。
    在这里插入图片描述
标签
#html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
基于FaceX-Zoo实现的Face Mask Adding人脸戴口罩 人脸系列文章目录 文章目录人脸系列文章目录前言一、加口罩效果二、实现原理二、代码实现 前言 目前人脸加口罩均为在人脸位置贴图式的，非常不真实。前段时间京东开源一个基于PRnet实现的3D口罩拟合人脸，加口罩非常逼真，但是只是单独一个加口罩demo，没有完整的流程。于是本人结合人脸检测，关键点对齐。PRnet加口罩实现一个完整的加口罩流程。只需一个命令简单方便调用，实现人脸加口罩。 https://github.com/JDAI-CV/FaceX-Zoo 一、加口罩效果 下图可以看出效果还是非常逼真的 阅读详情

相关推荐

从“Hello World”到区域赛银牌：我的ACM算法打怪升级全记录（附各阶段工具包）

本文记录了作者从编程新手到ACM区域赛银牌获得者的完整学习历程，详细分享了各阶段的算法学习路线、刷题策略和实战经验。涵盖从基础算法到动态规划的系统训练方法，并附赠经过竞赛检验的工具包和资源清单，为算法竞赛爱好者提供实用参考。

weixin_29201859的博客 123

input标签的type属性汇总

<inuput/>标签的type属性。 1.单行输入框< input type"text"/> 单行文本输入框常用来输入简短的信息，如用户名、账号等，常用的属性有name、value、 maxlength。 2.密码输入框< input type=" password"/> 密码输入框用来输入密码，其内容将以圆点的形式显示。 3.单选按钮< input type=" radio"/> 单选按钮用于单项选择，如选择性别、是否操作等。需要注意的是，在定义单..

weixin_66910065的博客 5696

2025ICPC南昌邀请赛题解

2025ICPC南昌邀请赛由XDU和WHU联合出题的ICPC南昌邀请赛，榜单显示8题金、6题银、5题铜。

weixin_50089904的博客 1960

input标签中的type属性

<input>常用的type类型 input默认值为<input type="text"> Type Type类型介绍 button 没有默认行为的按钮，上面显示 value 属性的值，默认为空 checkbox 复选框 color 用于指定颜色的控件；在支持的浏览器中，激活时会打开取色器 r...

weixin_58214297的博客 2514

群晖NAS实战：从零部署Container Manager与Docker代理配置全攻略

本文详细介绍了在群晖NAS上从零部署Container Manager与配置Docker代理的完整流程。针对国内用户常见的镜像拉取问题，提供了图形化界面与SSH命令行两种解决方案，并分享了MySQL容器部署的实战案例。文章特别强调了网络配置技巧和日常维护方法，帮助用户高效管理NAS上的容器应用。

weixin_29254673的博客 1308

SpyGlass Lint脚本实战：从环境配置到报告生成的完整流程解析

本文详细解析了使用SpyGlass Lint脚本进行数字芯片设计代码质量检查的完整自动化流程。从环境配置、目录结构设计，到核心TCL脚本的编写与模块化配置，再到脚本执行、调试技巧及报告解读，提供了构建健壮、可维护自动化检查框架的实战指南。文章重点阐述了如何通过脚本实现从环境配置到报告生成的一键式操作，并探讨了与企业级CI/CD流程集成的进阶方案。

weixin_29196613的博客 441

【前端】input表单 type属性详解

input 元素可以用来生成一个供用户输入数据的简单文本框。 在默认的情况下， 什么样的数据均可以输入。而通过不同的type属性值，可以限制输入的内容。

A_aspectJ的博客 8242

2023华为OD面试手撕真题【最长公共前缀】

2023华为OD面试手撕真题【最长公共前缀】

MISAYAONE的博客 5243

表单里面input的type属性值有哪些？

在HTML的表单（<form>）中，<input>元素是一个常用的元素，用于收集用户输入。9. date 和其他日期相关类型（如 month, week, time， datetime, datetime-local）：这些类型用于日期和时间的输入，可以方便地选择日期或时间。8. tel：这种类型的输入字段用于电话号码的输入。-- 选择日期 -->5. number：这种类型的输入字段用于数字输入，可以设置一个最小值和最大值范围。2. password：这种类型的输入字段用于密码输入，输入的内容会被遮盖。

2402_84987408的博客 794

【Bug已解决】Codex CLI 报错 apply_patch 失败：无法应用补丁的解决方案

方案适用场景推荐指数统一换行符规范跨平台协作项目的标准配置⭐⭐⭐⭐⭐关闭自动格式化冲突IDE 与 Codex 并发编辑同一文件⭐⭐⭐⭐缩小任务改动范围长期有效的使用习惯优化⭐⭐⭐⭐⭐统一 UTF-8 编码涉及非 UTF-8 遗留文件的项目⭐⭐⭐提示重新读取文件单次失败后的快速恢复方式⭐⭐⭐⭐报错的本质是Codex 生成补丁时读取的文件内容，与实际应用补丁时磁盘上的文件内容出现了不一致，常见诱因包括换行符风格混用、文件被其他工具并发修改、编码问题等。

一键难忘的博客 7303

解锁激光加工密码：功率、频率、脉宽、占空比全解析

激光加工利用高能量激光束实现材料加工，具有无接触、高效率等特点。其核心参数包括功率（决定能量输出）、频率（控制脉冲重复）、脉宽（调节能量作用时间）和占空比（调控工作周期），这些参数相互协同影响加工效果。针对不同材料需采用差异化参数组合：金属材料需较高功率，塑料需低功率防过热，陶瓷需高频短脉宽减少热应力。实际操作中应通过小范围测试逐步优化参数，并注意解决烧损、切割不平整等常见问题。合理调节这些参数可实现高质量、高效率的激光加工。

远程部署调试 运行安装 项目调试 二次开发 项目技术新 持续迭代 部分源码免费分享 617

表单input标签type属性详解

input标签type属性详解

MRname的博客 3万+

planning模块(6)-参考线的平滑(二次规划)

上一篇已经介绍了采样点生成锚点数据的过程,并且将所有采样点生成的锚点数据设置到了平滑器中.接下来继续介绍使用二次规划平滑参考线的算法过程.从锚点数据中提取坐标存入raw_point2d,提取横向边界存入anchorpoints_lateralbound,将起点和终点的横向边界设置为0,防止车在起点和终点位置偏离车道中心线.

让复杂的问题变得更容易理解 788

前端基础——HTML表单标签

使用场景： 在网页中显示收集用户信息的表单效果， 如： 登录页、 注册页 等 1.input 标签 语法格式: <input type="属性值" name="表单名" value="属性值" placeholder="占位符"/> input标签可以通过type属性值的不同， 展示不同效果 type属性值： 2.button标签 使用场景:在页面中显示用户点击的按钮 语法格式:<button type="属性值">按钮上显示的文字</butto.....

m0_69059702的博客 395

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册，内含HL7和ASTM)

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

day01

会使用表格---掌握常用表单---html5的新特性表格table创建表格表格属性表头标签表格结构表格标题合并单元格总结表格表单标签input 控件label标签textarea控件下拉菜单表单域HTML5新标签与特性文档类型设定字符设定常用新标签新增的input type属性值：常用新属性综合案例多媒体标签多媒体 audio多媒体 video总结 表格table 表格的现在还是较为常用的一种标签...

cs121ld的博客 324

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

【HTML】HTML 表单 ① ( input 表单控件 | input 标签语法 | input 标签属性 | type 属性 | value 属性 | name 属性 | checked 属性 )

一、HTML 表单 二、input 表单控件 1、input 标签语法 2、input 标签属性 3、type 属性 5、value 属性 6、name 属性 7、checked 属性

让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 ) 4952

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

前端基础—— 表单标签（表单域，input的type属性和其他属性，label标签，文本域标签，下拉菜单，默认值）

前端基础—— 表单标签（表单域，input的type属性和其他属性，label标签，文本域标签，下拉菜单，默认值）

qq_52301431的博客 6711

表单域属性，＜input＞表单元素 type属性、name 、value、checked、maxlength 属性， ＜label＞标签，＜select＞标签，＜textarea＞表单元素

表单域的action、method、name属性 ，表单元素 type属性、name 、value、checked、maxlength 属性， 标签，标签，表单元素

m0_51796659的博客 1783

3—HTML表单的组成、表单域、＜input＞ 表单元素type属性及属性值、＜input＞表单元素的其他属性、＜label＞标签、＜select＞表单元素、 ＜textarea＞表单元素

HTML表单的组成、表单域、表单元素type属性及属性值、表单元素的其他属性、标签、表单元素、表单元素

qq_64073631的博客 631

表单域和input相关属性

表单域和input相关属性说明一、表单域（form）二、input输入完 说明 本教程适合新手认识form及input标签 form、input的相关属性及作用 一、表单域（form） 作用：向后台提交数据提供一个区域 <form action=url method = "get | post" > .... </form> 二、input输入 作用：收集用户相关信息 <input type=...> # type是必要属性 type的其它属性 属性名 描

hrj199036的博客 473

HTML基本语法之表单标签：表单的组成 ，表单域，表单控件元素（表单元素） ，input表单元素， label标签， 表单控件（表单元素）， select表单元素， textarea表单元素

文章目录表单标签表单的组成表单域常用属性：表单控件元素（表单元素）input表单元素label标签表单控件（表单元素）select表单元素textarea表单元素表单元素几个总结点 表单标签 为什么需要表单? 使用表单目的是为了收集用户信息。 在我们网页中，我们需要跟用户进行交互，收集用户资料，此时就需要表单。 表单的组成 在HTML中，一个完整的表单通常由表单域、表单控件（也称为表单元素）和 提示信息3个部分构成。 表单域 表单域是一个包含 表单元素的区域。 在HTML标签中，<from>标签

qq_44156869的博客 1841

html 表单和表单域标签input、textarea、select

form表单标签学习： 收集并提交form标签内form表单域中用户数据，按照method提交方式给 action指定的提交地址 属性： action 收集的数据所提交的地址 action="#" 数据会自己提交自己 method 提交方式:提交表单数据，不管是哪种方式都需要name属性 get:适合小量数据，表单数据以？隔...

weixin_43294560的博客 914

html中的form表单域和input表单中的type属性

了解form标签的使用和input表单的一些type属性，label定光标

爬楼梯的前端小白的博客 407

HTML表单标签 input

HTML表单标签 input

BambooStrip的博客 1833

html 表单标签table 表单域 表单控件 属性 type 等 输入表单 下拉表单 文本域元素 lable标签的理解

表单标签： 使用表单目的是收集用户的信息 在HTML中一个完整的表单通常由 表单域、表单控件(也称表单元素)和提示信息3个部分构成也可以不完整 表单域： 是一个包含表单元素的区域 在HTML标签中 <form>标签用于定义表单域 以实现用户信息的收集和传递 <form>会把它范围内的表单元素信息 提交给服务器 <form action="url地址" method="提交方式" name="表单域名称"> 各种表单元素控件 </form>的属性 常用属性：

qq_51277605的博客 1047

HTML input标签

html input

monian187的博客 1348
上一篇： HTML列表-有序列表、无序列表、自定义列表
下一篇： JavaScript-类对象
点赞 0
评论 0
书签 书签 0
天天水煮白菜
天天水煮白菜
博客等级 码龄7年 13粉丝 18原创
+ 关注
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值