原生表单组件
原生表单组件包含:文本输入框、单行文本框、e-mail输入框、密码输入框、搜索框、电话号码输入框、URL输入框、多行文本框、下拉组件、可勾选组件、按钮。
一、文本输入框
- 文本输入框是最基本的表单组件,它便于用户输入各种数据
- 注:HTML文本框只是个纯文本输入控件,这就意味着你不能用它来进行富文本编辑(如加粗、斜体等)。所谓的富文本其实都是自定义的组件。
- 所有文本域的通用规范:
- 可以被标记为readonly(用户不能修改输入值),甚至是disabled(输入值永远不会与表单数据的其余部分一起发送)。
- 可以有一个placeholder;这是文本输入框中出现的文本,用来简略描述输入框的目的。
- 都受size(输入框的物理尺寸)和length(文本框可以输入的最大字符数)约束。
- 如果浏览器支持的话,可以进行拼写检查。
二、单行文本框
- 单行文本框是用type属性值为text的<input>元素创建的(若未提供type属性值,text为默认属性)。此外,如果你制定给tyoe属性的值不被浏览器支持(比如type='date'),也会使用text作为它的值。
- 注:单行文本框只有一个真正的约束:如果你输入带有换行符的文本,浏览器会在发送数据前删除这些换行符。
学以致用,知行合一
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Spring AI + Ollama 实现 deepseek-r1 的API服务和调用
· 《HelloGitHub》第 106 期
· 数据库服务器 SQL Server 版本升级公告
· 深入理解Mybatis分库分表执行原理
· 使用 Dify + LLM 构建精确任务处理应用