是一种常见的前端开发需求,可以通过以下步骤来实现:
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name" disabled>
<br>
<label for="email">邮箱:</label>
<input type="text" id="email" name="email">
<br>
<label for="phone">电话:</label>
<input type="text" id="phone" name="phone" disabled>
</form>
在上述代码中,姓名和电话文本框被设置为禁用状态(disabled)。
window.addEventListener('DOMContentLoaded', function() {
var nameInput = document.getElementById('name');
var phoneInput = document.getElementById('phone');
nameInput.disabled = true;
phoneInput.disabled = true;
});
上述代码中,通过获取文本框的元素对象,并将其disabled属性设置为true来禁用文本框。
这样,在表单加载完成后,姓名和电话文本框将被禁用,用户无法编辑这些文本框。
应用场景:
推荐的腾讯云相关产品和产品介绍链接地址:
请注意,以上推荐的腾讯云产品仅供参考,具体选择应根据实际需求和项目要求进行评估。
领取专属 10元无门槛券
手把手带您无忧上云