text对象如何使用readonly属性？

  • 原创
  • |
  • 浏览：580
  • |
  • 更新：
  • text对象如何使用readonly属性？1
  • text对象如何使用readonly属性？2
  • text对象如何使用readonly属性？3
  • text对象如何使用readonly属性？4
  • text对象如何使用readonly属性？5
  • text对象如何使用readonly属性？6
分步阅读

text对象readonly属性是设置或获取text文本框是否只读，如果属性值为true则是只读

工具/原料

  • 编辑器
  • 浏览器

方法/步骤

  1. 1

    创建一个名称为   text_readonly 的html文件 

    text对象如何使用readonly属性？
  2. 2

    添加一个input元素 设置input类型为text设置id为 my_text_id_readOnly

    text对象如何使用readonly属性？
  3. 3

    添加一个button按钮，在点击事件中加入自定义函数my_text_readOnly

     

    添加一p标签，设置id 为 show_text_readOnly

    text对象如何使用readonly属性？
  4. 4

    在javascript中创建一个自定义函数   my_text_readOnly

    text对象如何使用readonly属性？
  5. 5

    在自定义函数中获取input text对象。用 readonly属性获取属性值，将获取的结果添加到p标签中显示

    text对象如何使用readonly属性？
  6. 5
    该信息非法爬取自百度经验
  7. 6

    在浏览器中打开文件 text_only，点击button查看效果

    text对象如何使用readonly属性？
    END
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部