如何使用 HTML 指定输入元素的值？

HTML 提供了许多不同的输入元素类型，比如文本框、单选按钮、复选框、下拉列表等。不同类型的输入元素有不同的特性和用途，但它们都可以使用相应的属性来指定其值。

1. 文本框

文本框是使用最广泛的输入元素，它可以让用户输入文本或数字。要指定文本框的值，可以使用 value 属性。例如：

<input type="text" name="username" value="John Doe">

上面的代码创建了一个名为 username 的文本框，初始值为 "John Doe"。用户可以修改文本框的内容，但其初始值仍然是 "John Doe"。

2. 单选按钮

单选按钮可以让用户从一组选项中选择一个。要指定单选按钮的值，可以使用 value 属性。例如：

<input type="radio" name="gender" value="Male"> Male
<input type="radio" name="gender" value="Female"> Female

上面的代码创建了两个单选按钮，一男一女。它们都有相同的 name 属性，表示它们是同一组选项。当一个按钮被选中时，它的 value 属性就会成为这组选项的值。

3. 复选框

复选框可以让用户从多个选项中选择一个或多个。要指定复选框的值，可以使用 value 属性。例如：

<input type="checkbox" name="hobby" value="Reading"> Reading
<input type="checkbox" name="hobby" value="Music"> Music
<input type="checkbox" name="hobby" value="Sports"> Sports

上面的代码创建了三个复选框，分别代表阅读、音乐和运动这三个选项。它们都有相同的 name 属性，表示它们是同一组选项。当一个复选框被选中时，它的 value 属性就会成为这组选项的一个元素。

4. 下拉列表

下拉列表可以让用户从一组选项中选择一个。要指定下拉列表的值，可以使用 value 属性。但是，下拉列表的值不是显示在列表中的文本，而是选中的选项的 value 属性。例如：

<select name="color">
  <option value="red">Red</option>
  <option value="green">Green</option>
  <option value="blue">Blue</option>
</select>

上面的代码创建了一个名为 color 的下拉列表，包含三个选项：红色、绿色和蓝色。当用户选择一个选项时，它的 value 属性就成为了下拉列表的值。

总结

不同类型的输入元素都可以使用相应的属性来指定其值。文本框使用 value 属性，单选按钮和复选框使用 value 属性和 name 属性，下拉列表使用 value 属性和 option 元素的 value 属性。掌握这些属性的使用，可以让程序员更好地控制用户输入的数据。