要禁用HTML表單中的輸入框或按鈕，需使用disabled屬性。 1. 在HTML中直接添加disabled屬性即可： 或Submit，兩種寫法均有效，但HTML5推薦使用無值的簡寫形式。 2. 可通過JavaScript動態(tài)控制：設(shè)置元素的disabled屬性為true或false，例如document.getElementById("myInput").disabled = true;。 3. 可選地使用CSS美化禁用狀態(tài)：通過input:disabled, button:disabled選擇器設(shè)置樣式，如調(diào)整透明度、背景色和鼠標指針。注意：禁用的元素不會被提交到服務器，無法獲得焦點或觸發(fā)點擊事件；若需提交其值，應使用readonly屬性代替。使用disabled屬性簡單且有效，適用於防止用戶交互和控製表單提交。

To disable a form input or button in HTML, you can use the disabled attribute. This prevents the user from interacting with the element and ensures its value won't be submitted with the form.

1. Using the disabled Attribute in HTML

Add the disabled attribute directly to the input or button element:

 <input type="text" disabled>
<!-- or -->
<input type="text" disabled="disabled">

<button disabled>Submit</button>

Both forms work, but the shorter disabled (without a value) is commonly used and valid in HTML5.

Note : Disabled inputs are not included when a form is submitted — so their values won't reach your server or JavaScript form handlers.

2. Disabling via JavaScript

You can also enable or disable elements dynamically using JavaScript:

 // Disable
document.getElementById("myInput").disabled = true;
document.getElementById("myButton").disabled = true;

// Enable
document.getElementById("myInput").disabled = false;
document.getElementById("myButton").disabled = false;

Example:

 <input type="text" id="myInput">
<button id="myButton">Click Me</button>

<script>
  // Disable after 3 seconds
  setTimeout(() => {
    document.getElementById("myInput").disabled = true;
    document.getElementById("myButton").disabled = true;
  }, 3000);
</script>

3. Styling Disabled Elements (Optional)

You can style disabled elements using CSS:

 input:disabled,
button:disabled {
  opacity: 0.6;
  background-color: #f0f0f0;
  cursor: not-allowed;
}

This helps visually indicate that the control is inactive.

Key Points:

• Use disabled to prevent user input and form submission.
• Use JavaScript to toggle disabled state based on conditions (eg, form validation).
• Consider using readonly instead for inputs you want to prevent editing but still submit.
• Disabled form controls are not focusable or clickable.

Basically, just add disabled — simple, but effective.

以上是如何禁用表單輸入或按鈕？的詳細內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！