HTML | 输入值属性

在 HTML 中，可以使用 input 标签来创建表单的输入控件，例如文本框、单选框、复选框、下拉框等。而输入值属性则是控制这些控件的值的一种属性。

常用输入值属性

以下是常用的输入值属性：

type

type 属性决定了 input 控件的类型，常用的类型包括：

• text: 文本框
• password: 密码框
• checkbox: 复选框
• radio: 单选框
• submit: 提交按钮
• reset: 重置按钮
• button: 普通按钮
• hidden: 隐藏控件

value

value 属性控制了 input 控件的值，可以设置为文本、数字或布尔值等各种类型。

name

name 属性指定了 input 控件的名称，通常在提交表单时使用。同一个表单中的控件必须具有不同的名称，否则只会提交其中一个控件的值。

placeholder

placeholder 属性指定了在用户未输入任何内容时 input 控件内显示的提示文本。

readonly

readonly 属性指定了 input 控件是否为只读状态。如果设置为只读，则用户无法修改该控件中的值。

disabled

disabled 属性指定了 input 控件是否为禁用状态。如果设置为禁用，则用户无法与该控件进行交互。

示例代码片段

<!-- 创建一个文本框 -->
<input type="text" name="username" placeholder="请输入用户名">

<!-- 创建一个密码框 -->
<input type="password" name="password" placeholder="请输入密码">

<!-- 创建一个复选框 -->
<input type="checkbox" name="agree" value="true">
<label for="agree">同意协议</label>

<!-- 创建一个单选框 -->
<input type="radio" name="gender" value="male">
<label for="male">男</label>
<input type="radio" name="gender" value="female">
<label for="female">女</label>

<!-- 创建一个提交按钮 -->
<input type="submit" value="提交">

<!-- 创建一个重置按钮 -->
<input type="reset" value="重置">

<!-- 创建一个普通按钮 -->
<input type="button" value="点击">

<!-- 创建一个隐藏控件 -->
<input type="hidden" name="token" value="abc123">

<!-- 创建一个只读文本框 -->
<input type="text" name="phone" value="123456789" readonly>

<!-- 创建一个禁用文本框 -->
<input type="text" name="code" disabled>