原生表单组件

原生表单组件包含:文本输入框、单行文本框、e-mail输入框、密码输入框、搜索框、电话号码输入框、URL输入框、多行文本框、下拉组件、可勾选组件、按钮。

一、文本输入框

  • 文本输入框是最基本的表单组件,它便于用户输入各种数据
  • 注:HTML文本框只是个纯文本输入控件,这就意味着你不能用它来进行富文本编辑(如加粗、斜体等)。所谓的富文本其实都是自定义的组件。
  • 所有文本域的通用规范:  
    • 可以被标记为readonly(用户不能修改输入值),甚至是disabled(输入值永远不会与表单数据的其余部分一起发送)。
    • 可以有一个placeholder;这是文本输入框中出现的文本,用来简略描述输入框的目的。
    • 都受size(输入框的物理尺寸)和length(文本框可以输入的最大字符数)约束。
    • 如果浏览器支持的话,可以进行拼写检查。

二、单行文本框

  • 单行文本框是用type属性值为text的<input>元素创建的(若未提供type属性值,text为默认属性)。此外,如果你制定给tyoe属性的值不被浏览器支持(比如type='date'),也会使用text作为它的值。
  • 注:单行文本框只有一个真正的约束:如果你输入带有换行符的文本,浏览器会在发送数据前删除这些换行符。
posted @   胸怀丶若谷  阅读(329)  评论(0编辑  收藏  举报
编辑推荐:
· 深入理解 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 构建精确任务处理应用
点击右上角即可分享
微信分享提示