html中的input文本框禁止输入问题

我们在进行前端页面开发时，经常会遇到输入框禁止输入的问题，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.com" disabled="disabled" /> 

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

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