表单<form>
标签
<form>
标签:定义了表单的开始和结束。
action属性:指定提交表单后数据将发送到的URL。
method属性:指定提交表单时使用的HTTP方法,通常是GET
或POST
。
-
GET
:数据会附加在URL后面,适用于非敏感数据。 -
POST
:数据会放在请求体中,适用于敏感数据。
文本框(Text Input):
<input type="text" id="username" name="username">
-
type="text":创建一个单行文本输入框。
-
id和name属性:用于标识输入字段,
id
用于CSS和JavaScript,name
用于提交数据时标识字段。 -
size
属性通常用来指定文本字段的宽度(以字符计) -
placeholder
属性在文本区域为空时显示一段提示信息,当用户开始输入时,这段提示信息会自动消失。
密码框(Password Input)
-
type="password":创建一个密码输入框,输入的文本会被隐藏。
隐藏域(hidden field)
隐藏域在表单提交时会被发送到服务器,但其表现形式在网页上不会显示给用户
<input type="hidden" name="hiddenFieldName" value="hiddenValue">
-
name
属性指定了隐藏域的名称,这对于服务器端脚本(如PHP, Python等)识别提交的数据是必需的。 -
value
属性包含了要提交给服务器的数据。
多行文本域( textarea)
<textarea name="message" rows="10" cols="30">默认文本</textarea>
-
name
属性定义了输入字段的名称,这对于表单提交时识别和处理数据非常重要。 -
rows
和cols
属性分别定义了文本区域的高度和宽度。这些属性不是必需的,但它们可以帮助你控制文本区域的显示大小。 -
placeholder
属性在文本区域为空时显示一段提示信息,当用户开始输入时,这段提示信息会自动消失。 <