在 HTML 中，設(shè)置文本輸入框的默認(rèn)值是一個(gè)常見(jiàn)的需求，它可以為用戶(hù)提供初始的提示或默認(rèn)的輸入內(nèi)容。通過(guò)以下幾種方法，我們可以在 HTML 中輕松地設(shè)置文本輸入框的默認(rèn)值。

一、使用 `value` 屬性

`value` 屬性是用于設(shè)置表單元素的初始值，對(duì)于文本輸入框來(lái)說(shuō)，它就是默認(rèn)值。在 HTML 的 `` 標(biāo)簽中，通過(guò)添加 `value` 屬性并指定相應(yīng)的值，就可以為文本輸入框設(shè)置默認(rèn)值。

例如：

```html

```

在上述代碼中，`type="text"` 表示這是一個(gè)文本輸入框，`value="請(qǐng)輸入姓名"` 則設(shè)置了該輸入框的默認(rèn)值為 "請(qǐng)輸入姓名"。當(dāng)頁(yè)面加載時(shí)，用戶(hù)會(huì)看到這個(gè)默認(rèn)值顯示在輸入框中。

二、結(jié)合 JavaScript 設(shè)置默認(rèn)值

除了在 HTML 中直接設(shè)置默認(rèn)值，我們還可以使用 JavaScript 來(lái)動(dòng)態(tài)地設(shè)置文本輸入框的默認(rèn)值。這種方法更加靈活，可以根據(jù)不同的條件或用戶(hù)交互來(lái)設(shè)置不同的默認(rèn)值。

以下是一個(gè)簡(jiǎn)單的 JavaScript 示例：

```html

```

在上述代碼中，`window.onload` 事件在頁(yè)面加載完成后觸發(fā)，通過(guò) `getElementById` 方法獲取到具有指定 `id` 的文本輸入框元素，然后使用 `value` 屬性設(shè)置其默認(rèn)值為 "默認(rèn)姓名"。

三、使用表單驗(yàn)證和默認(rèn)值

在實(shí)際的表單開(kāi)發(fā)中，我們經(jīng)常會(huì)使用表單驗(yàn)證來(lái)確保用戶(hù)輸入的合法性。同時(shí)，我們也可以利用表單驗(yàn)證的機(jī)制來(lái)設(shè)置默認(rèn)值。

例如，我們可以在 HTML 中添加表單驗(yàn)證規(guī)則，并在驗(yàn)證通過(guò)后設(shè)置默認(rèn)值。以下是一個(gè)示例：

```html

```

在上述代碼中，我們通過(guò) CSS 為無(wú)效的輸入框設(shè)置了紅色邊框，為有效的輸入框設(shè)置了綠色邊框。`oninput` 事件在輸入框的值發(fā)生變化時(shí)觸發(fā)，調(diào)用 `setDefaultValue` 函數(shù)。`setDefaultValue` 函數(shù)檢查輸入框的值是否為空，如果為空，則設(shè)置默認(rèn)值為 "默認(rèn)姓名"。

通過(guò)以上三種方法，我們可以在 HTML 中輕松地設(shè)置文本輸入框的默認(rèn)值。無(wú)論是在靜態(tài)頁(yè)面中還是在動(dòng)態(tài)交互的表單中，這些方法都能夠滿(mǎn)足我們的需求。根據(jù)具體的場(chǎng)景和需求，選擇合適的方法來(lái)設(shè)置默認(rèn)值，可以提高用戶(hù)體驗(yàn)和表單的可用性。