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

在 HTML 中，我们经常需要创建输入元素，比如文本框和下拉菜单等。在这些元素中，我们可以指定一个默认值，这个默认值可以让用户在不做任何修改的情况下直接提交内容。

带有默认值的文本框

使用 input 元素可以创建文本框，通过设置 value 属性可以指定文本框的默认值。以下是一个示例：

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

在上面的代码中，我们指定了文本框的默认值为 "John Doe"。用户在打开页面后可以看到文本框中已经有了默认值。

带有默认值的下拉菜单

使用 select 元素可以创建下拉菜单。通过设置 selected 属性可以指定下拉菜单的默认选项。以下是一个示例：

<select id="gender" name="gender">
  <option value="male" selected>Male</option>
  <option value="female">Female</option>
  <option value="other">Other</option>
</select>

在上面的代码中，我们指定了下拉菜单的默认选项为 "Male"。

带有默认值的单选框和复选框

使用 input 元素配合 type 属性可以创建单选框和复选框。通过设置 checked 属性可以指定单选框和复选框的默认选中状态。以下是一个示例：

<input type="radio" id="male" name="gender" value="male" checked>
<label for="male">Male</label>

<input type="checkbox" id="fruit1" name="fruit[]" value="apple" checked>
<label for="fruit1">Apple</label>

在上面的代码中，我们分别指定了单选框和复选框的默认选中状态为 checked。

总之，通过设置元素的 value、selected 和 checked 属性，我们可以在 HTML 中指定输入元素的默认值。