原生表单组件包含:文本输入框、单行文本框、e-mail输入框、密码输入框、搜索框、电话号码输入框、URL输入框、多行文本框、下拉组件、可勾选组件、按钮。
一、文本输入框
- 文本输入框是最基本的表单组件,它便于用户输入各种数据
- 注:HTML文本框只是个纯文本输入控件,这就意味着你不能用它来进行富文本编辑(如加粗、斜体等)。所谓的富文本其实都是自定义的组件。
- 所有文本域的通用规范:
- 可以被标记为readonly(用户不能修改输入值),甚至是disabled(输入值永远不会与表单数据的其余部分一起发送)。
- 可以有一个placeholder;这是文本输入框中出现的文本,用来简略描述输入框的目的。
- 都受size(输入框的物理尺寸)和length(文本框可以输入的最大字符数)约束。
- 如果浏览器支持的话,可以进行拼写检查。
二、单行文本框
- 单行文本框是用type属性值为text的<input>元素创建的(若未提供type属性值,text为默认属性)。此外,如果你制定给tyoe属性的值不被浏览器支持(比如type=‘date‘),也会使用text作为它的值。
- 注:单行文本框只有一个真正的约束:如果你输入带有换行符的文本,浏览器会在发送数据前删除这些换行符。
原生表单组件
原文:https://www.cnblogs.com/leoych/p/12456395.html