Input元素：不可编辑的输入框
什么是Input元素？
Input元素是HTML语言中用于表单输入的一种元素，可以实现文本输入、密码输入、文件上传等功能，且在表单提交时会以键值对的形式提交给服务器。而不可编辑的Input输入框，则是在元素属性中设置为readonly或disabled的元素。readonly和disabled有什么不同？
readonly和disabled都可以将输入框设置为不可编辑状态，但二者有所不同。readonly属性仅仅是只读属性，无法通过JavaScript代码修改它的值，但是其值仍然可以在表单提交时被提交到服务器。而disabled属性则是禁用属性，输入框的值不会被提交到服务器，并且不会响应用户的点击、鼠标移动等事件。另外，disabled属性还会影响输入框的样式，使其呈现出一种无法编辑的样式。为什么要使用不可编辑的Input输入框？
在某些情况下，我们需要将输入框设置为只读或禁用状态。例如，我们的网站需要在用户登录后才能进行部分操作，此时可以将表单中的输入框设置为只读状态，以避免用户在未登录的情况下修改提交的数据。又如在用户注册时，需要上传用户头像，此时可以将输入框设置为禁用状态，防止用户上传非法文件。
