手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

HTML教程 readonly属性的应用

时间:2024-10-12 03:18:49

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

HTML教程 readonly属性的应用

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

HTML教程 readonly属性的应用

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

HTML教程 readonly属性的应用

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

HTML教程 readonly属性的应用

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

HTML教程 readonly属性的应用

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

HTML教程 readonly属性的应用
© 手抄报圈