html怎么设置只读状态

PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者青灯夜游，侵删。

在html中，可以通过给标签添加readonly属性来设置只读状态。readonly属性是一个布尔属性，它规定输入字段或文本区域为只读状态；在只读状态下，无法对内容进行修改，但用户可以通过tab键切换到该控件，选取或复制其中的内容。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

html设置只读状态

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<!DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <style>

        input,textarea{

            width: 200px;

        }

    </style>

  </head>

  <body>

    <input type="text" value="测试文本-只读状态，无法编辑" readonly="readonly"/>

    <br />

    <textarea readonly>测试文本-只读状态，无法编辑</textarea>

  </body>

</html>

效果图：

阅读剩余部分

相关阅读 >>

Html 表格太宽溢出父容器的解决方法

Html怎样自定义标签

Html的元素水平垂直居中应该怎么设置

Html怎么设置字符集

值得收藏的11个对开发有帮助的 js 技巧

Html embed标签怎么用

Html的<meter>标签是做什么的

Html frameset标签怎么用？Html frameset标签属性详解

Html标记中,表示网页标题的标记是什么

Html怎样使用超链接打开新窗口并且控制该窗口属性

更多相关阅读请进入《Html》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...