表单可以包含不同类型的输入元素,如文本字段、复选框、单选按钮、提交按钮等
表单标签
-
<form>
:这是创建表单的基础标签。它包含了所有的表单元素。重要属性包括action
(表单提交到的URL)和method
(提交方法,通常为get
或post
)。 -
<input>
:这是最常用的表单元素之一。它有多种类型,由其type
属性定义,如text
、password
、submit
、radio
、checkbox
、file
等。 -
<label>
:用于定义input
元素的标签,提高可访问性。for
属性应与相关input
的id
属性匹配。 -
<textarea>
:用于多行文本输入。常用于输入更长的文本,如评论或地址。 -
<button>
:定义一个按钮。可以是提交按钮、重置按钮或普通按钮,这取决于type
属性(submit
、reset
、button
)。 -
<select>
:定义下拉列表。内部使用<option>
标签来定义各个选项。 -
<option>
:定义<select>
元素中的选项。value
属性表示选项的值。 -
<optgroup>
:定义<select>
元素中选项的分组。 -
<fieldset>
:用于对表单中的元素进行分组,通常与<legend>
标签结合使用。 -
<legend>
:为<fieldset>
元素定义标题。
表单输入类型(<input>
的type
属性)
-
text
:标准文本输入。 -
password
:密码输入,输入内容被掩码。 -
submit
:提交按钮,用于提交表单。 -
reset
:重置按钮,将表单所有元素重置为默认值。 -
radio
:单选按钮,用于从多个选项中选择一个。 -
checkbox
:复选框,用于选择或取消选择一个选项。 -
file
:文件选择,用于上传文件。 -
hidden
:隐藏输入,用户不可见但包含数据。 -
email
、url
、tel
:专用于输入电子邮件、URL、电话号码的文本字段。 -
number
、range
:用于输入数字的字段。 -
date
、time
、datetime-local
:用于输入日期和时间的字段。 -
color
:颜色选择器。
其他表单相关属性
placeholder
:提供输入字段的提示信息。required
:指定输入字段为必填。readonly
:使输入字段只读。disabled
:禁用输入字段。autofocus
:页面加载时自动聚焦到该输入字段。value
:为输入字段指定初始值。name
:为输入字段指定名称,这在提交表单数据时很重要
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!