表单可以包含不同类型的输入元素,如文本字段、复选框、单选按钮、提交按钮等
表单标签
-
<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:为输入字段指定名称,这在提交表单数据时很重要
浙公网安备 33010602011771号