📅 最后修改于: 2023-12-03 15:01:12.602000 🧑 作者: Mango
HTML 中的表单元素允许用户输入信息，包括文本、密码、选择框、单选框、复选框等等。每个表单元素都有相关的属性，这些属性用于控制表单元素的行为和外观。
下面是一些常用的表单元素属性。
type 属性用于指定输入框的类型。常见的类型有：
例如，要创建一个文本输入框，可以这样写：
<input type="text" name="username">
name 属性用于给输入框命名，以便在提交表单时能够获取到输入框的值。你可以给每个输入框分配一个唯一的名称。
value 属性用于设置输入框的默认值。例如，如果你要创建一个密码输入框，可以这样写：
<input type="password" name="password" value="123456">
placeholder 属性用于在输入框中显示提示文本，当用户输入内容时，文本会自动清除。
例如，要在输入框中显示“请输入用户名”，可以这样写：
<input type="text" name="username" placeholder="请输入用户名">
readonly 属性用于将输入框设置为只读模式，防止用户修改输入框的值。
例如，要创建一个只读的文本输入框，可以这样写：
<input type="text" name="username" value="abc" readonly>
disabled 属性用于将输入框设置为禁用状态，防止用户修改输入框的值，并且在表单提交时也不会提交该输入框的值。
例如，要创建一个禁用的文本输入框，可以这样写：
<input type="text" name="username" value="abc" disabled>
checked 属性用于设置单选框和复选框的默认选中状态。
例如，要创建一个默认选中的复选框，可以这样写：
<input type="checkbox" name="agree" value="1" checked>
select 标签用于创建下拉列表，常用的属性有：
name 属性用于给下拉列表命名，以便在提交表单时能够获取到选中项的值。
size 属性用于设置下拉列表的可见行数。
例如，要创建一个可见行数为 3 的下拉列表，可以这样写：
<select name="fruit" size="3">
<option value="apple">apple</option>
<option value="orange">orange</option>
<option value="banana">banana</option>
</select>
multiple 属性用于允许用户选择多个选项。
例如，要创建一个允许多选的下拉列表，可以这样写：
<select name="fruit" multiple>
<option value="apple">apple</option>
<option value="orange">orange</option>
<option value="banana">banana</option>
</select>
textarea 标签用于创建多行文本输入框，常用的属性有：
name 属性用于给多行文本输入框命名，以便在提交表单时能够获取到输入框的值。
cols 和 rows 属性用于设置多行文本输入框的列数和行数。
例如，要创建一个 3 列、4 行的多行文本输入框，可以这样写：
<textarea name="message" cols="3" rows="4"></textarea>
button 标签用于创建按钮，常用的属性有：
type 属性用于指定按钮的类型，常见的类型有：
例如，要创建一个提交按钮，可以这样写：
<button type="submit">提交</button>
name 属性用于给按钮命名，以便在提交表单时能够获取到按钮的值。
value 属性用于设置按钮的默认值。
例如，要创建一个默认值为“重置”的重置按钮，可以这样写：
<button type="reset" value="重置">重置</button>
以上就是一些常用的表单元素属性，通过这些属性的设置，我们可以控制表单元素的行为和外观，实现各种不同的功能。