实现表单控件的只读和禁用设置。我们先来看一个案例。在填写“流量调优信息表”时，点击输入框控件时，光标会在输入框中闪烁，等待我们输入内容。此时，输入框被称为获得了焦点。刷新页面，然后点击输入框控件左侧的标题文字，发现输入框也获得了焦点，填写表单的用户体验明显增强。如何使用HTML来实现这个功能呢？要实现这个功能，只需要在表单中添加label标签即可。label表示表格标签，基本语法为：cusplabel,cusp/label。label标签对屏幕阅读器用户很有用，因为当用户关注输入元素时，屏幕阅读器会大声朗读标签。标签还可以帮助我们选择非常小的难以点击的区域，比如单选按钮或复选框，当用户点击标签元素内部的文本时，它可以切换单选按钮或复选框。让我们演示一下。打开编辑器，新建一个label.html文件，自动补全基本代码，在body标签里面写一个form标签，在form标签里面添加文字，请输入用户名：（读出冒号），然后添加一个input标签，type属性的值为text。用标签包裹“请输入用户名”并保存。在浏览器中打开页面，点击文字，光标没有出现在输入框控件中，问题出在哪里？原来单纯使用label标签是不够的，需要在label标签中添加for属性，用于定义与label关联的表单控件，其值为表单控件的id属性值.这里要注意，id属性值是唯一的，一个页面上不能出现两个相同的id属性值。回到编辑器，我们为输入框定义一个id属性，设置值为username，然后在label中添加一个for属性，其值要设置为输入框id属性的值：username。保存页面。返回浏览器，刷新，再次点击文本，输入框获得焦点，效果实现。回到“调流信息表”的案例，在手机号码输入框中，已经默认填写了手机号码。现在我们尝试修改它，却发现无法修改。该控件是只读的。只读输入框控件的内容虽然不能输入和修改，但是可以复制控件中的原文（这里有操作，记录的时候可以缓一缓）。当提交表单时，只读控件的值可以被收集并发送到后端，这个特性我们将在以后介绍。另外，textarea多行输入框控件也可以设置为只读。如何实现这种效果？其实很简单，只需要为控件定义一个readonly只读属性即可。回到编辑器，让我们重命名文件并添加单词readonly。继续在原始文档中编写代码。在输入框后面添加一个br标签，写入文本“您的电话号码：”，在文本后面添加一个input标签，并将type的值设置为text。为了在浏览器中默认显示一个手机号码，需要为其定义一个value属性。值的含义就是值的意思，它的作用是给输入框一个默认值，可以在浏览器中显示给用户。最后，定义一个只读属性。返回浏览器并刷新。这个时候想换手机号是改不了的。再回到“模型信息表”的案例，选择性别时，性别隐私单选控件是灰色的，鼠标点击无法选中。这个效果是如何实现的？为了达到这个效果，我们需要给表单控件添加一个disabled属性。禁用意味着禁用。禁用的表单控件不可用且不可单击。提交表单时，禁用的表单控件值不会被收集并发送到后端。disabled属性可以添加到任何表单控件中。回到编辑器，让我们再次更改文件名并添加单词禁用。继续在原始文档中编写代码。再添加一个br标签，写入文字“selectgender”，使用emmet语法输入，括号，type等于radio，空格，name等于gender，乘以3，按tab键完成代码，(input[type=radioname=gender]*3)在输入后分别加上male、female、confidential。为最后一个控件定义一个禁用属性。节省。回到浏览器，刷新，一组单选按钮就做好了。性别男和女可以点击，但是安全控件被禁用，显示为灰色，不能点击选择。表单控件的lable标签和只读disable设置完毕，我们自己来实现吧！[文章支持视频链接](https://www.bilibili.com/video/BV1oU4y1278g?p=34)
