HTML表单属性

HTML中的表单属性是用来控制和管理表单元素的行为和样式的。这些属性可以通过<form>、<input>、<label>、<button>和其他一些表单标签来设置。

下面是一些常见的HTML表单属性：

表单属性

action

用于指定表单提交后所要访问的URL。这个URL可以是一个服务器端的脚本、一个处理表单数据的程序或其它页面。

<form action="/submit-form.php" method="post">
  <!-- form elements here -->
</form>

method

指定表单提交时所使用的HTTP请求方法。常见的方法有GET和POST。

<form action="/submit-form.php" method="post">
  <!-- form elements here -->
</form>

enctype

指定在发送表单数据之前如何对数据进行编码，常见的有application/x-www-form-urlencoded和multipart/form-data。

<form action="/submit-form.php" method="post" enctype="multipart/form-data">
  <!-- form elements here -->
</form>

autocomplete

用于指定是否启用浏览器的自动完成功能。常见的取值有on和off。

<form action="/search.php" method="get" autocomplete="off">
  <!-- search input here -->
</form>

输入元素属性

name

指定表单元素的名称，这个名称将会作为表单数据的键名提交到服务器。

<input type="text" name="username">

type

用于指定表单元素的类型。常见的类型有文本框、密码框、单选框、复选框、下拉菜单等。

<input type="text" name="username">
<input type="password" name="password">
<input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female"> Female
<input type="checkbox" name="agree" value="yes"> I agree to the terms and conditions
<select name="country">
  <option value="cn">China</option>
  <option value="us">United States</option>
</select>

value

用于指定表单元素的默认值。对于单选框、复选框和下拉菜单来说，这个属性可以指定选中的选项。

<input type="text" name="username" value="Alice">
<input type="radio" name="gender" value="male" checked> Male
<input type="checkbox" name="agree" value="yes" checked> I agree to the terms and conditions
<select name="country">
  <option value="cn">China</option>
  <option value="us" selected>United States</option>
</select>

required

用于指定表单元素是否为必填项。在表单提交前，浏览器会检查这些元素是否填写了内容，如果没有填写，则提示用户填写。

<input type="text" name="username" required>

placeholder

用于指定表单元素的占位符文本。这个文本会在表单元素为空时显示，可以为用户提供输入提示。

<input type="text" name="username" placeholder="Enter your name">

readonly

用于指定表单元素是否只读。只读元素无法被编辑，但可以被选中和提交到服务器。

<input type="text" name="username" value="Alice" readonly>

标签属性

for

用于指定标签所关联的表单元素。这个值应该与表单元素的id属性相同。

<label for="username">Username:</label>
<input type="text" id="username" name="username">

accesskey

用于指定标签的快捷键。用户可以通过按下快捷键来快速聚焦到这个标签。

<label for="username" accesskey="U">Username:</label>
<input type="text" id="username" name="username">

tabindex

用于指定标签的tab键顺序。这个值越小，优先级越高，用户在按下Tab键时会先跳转到tabindex值小的元素。

<label for="username" tabindex="1">Username:</label>
<input type="text" id="username" name="username" tabindex="2">