养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

HTML教程 readonly属性的应用

时间:2024-11-12 03:11:53

本教程将介绍readonly属性的应用

工具/原料

PhpStorm2019.3.1x64

方法/步骤

1、新建一个ReadOnly.html文件,如图所示

HTML教程 readonly属性的应用

2、输入<!DOCTYPEhtml>作用:使用html5的标准,如图所示:

HTML教程 readonly属性的应用

3、输入网页结构的头部和主体,设置title为:readonly属性的应用,如图所示:

HTML教程 readonly属性的应用

4、readonly属性的作用:规定为只读(不能修改),如图所示:

HTML教程 readonly属性的应用

5、输入form表单标签,并且使用input标签添加表单域,如图所示:

HTML教程 readonly属性的应用

6、运行网页,可以看到文本框不能输入内容,只有只读属性,如图所示:

HTML教程 readonly属性的应用

© 一点知识