admin管理员组

文章数量:1574588

    我们在进行前端页面开发时，经常会遇到输入框禁止输入的问题，html中提供了三种方式来解决，readonly、disabled、autocomplete。严格地讲前两种才是禁止用户输入，而autocomplete只是默认清除用户的输入记录。

readonly：顾名思义，表示该输入域的值只能read，不能write，他仅仅只能与 type="text" 配合使用，可复制，可选择，可以接收焦点，后台会接收到传值。 


<input type="text" name="www.xxx" readonly="readonly" />


disabled：表示禁用input元素，不可编辑，不可复制，不可选择，不能接收焦点，后台也不会接收到传值，页面显示也会变成置灰状态。 


<input type="text" name="www.xxx" disabled="disabled" />


autocomplete：浏览器通常会记录input输入框的记录，所以在输入的时候，经常会下拉很多内容，使用autocomplete能够清除用户的输入记录，在每次重新请求页面时，记录都会清空。 


<input type="text" autocomplete="off" id="number"/>

本文标签： 文本框htmlInput

版权声明：本文标题：html中的input文本框禁止输入问题 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1727773157a1128804.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。