默认值输入 - Html

在Web开发中，我们经常需要为表单中的字段设置默认值，以便用户在第一次使用表单时看到某些预设值。在HTML中，我们可以使用value属性来设置默认值。这篇文章将介绍如何在HTML表单中使用默认值输入。

单行文本框

对于单行文本框，我们可以使用类型为text的<input>元素，并在其中添加value属性。例如：

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

在这个例子中，单行文本框的默认值为John。

多行文本框

对于多行文本框，我们可以使用类型为textarea的<textarea>元素，并在其中添加文本内容。例如：

<textarea name="message">Hello World!</textarea>

在这个例子中，多行文本框的默认值为Hello World!。

下拉菜单

对于下拉菜单，我们可以使用<select>和<option>元素，并在其中添加selected属性。例如：

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

在这个例子中，下拉菜单的默认值为Red。

复选框和单选框

对于复选框和单选框，我们可以使用类型为checkbox和radio的<input>元素，并在其中添加checked属性。例如：

<input type="checkbox" name="newsletter" value="yes" checked>Subscribe to newsletter<br>
<input type="radio" name="gender" value="male" checked>Male<br>
<input type="radio" name="gender" value="female">Female<br>

在这个例子中，复选框的默认值为选中状态，单选框的默认值为Male。

以上就是如何在HTML表单中使用默认值输入的介绍。希望这篇文章能对初学者有所帮助。如果您有任何疑问或建议，请在评论中留言。