• 技术文章 >web前端 >前端问答

    css/html如何设置readonly

    醉折花枝作酒筹醉折花枝作酒筹2021-04-15 10:45:38原创842

    css/html中,可以通过在input或textarea标签内部使用readonly属性来设置,例如“<input readonly="readonly" />”。readonly属性用于规定输入字段为只读,可以防止用户对值进行修改。

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

    <html>
    <body>
    <form action="/example/html/form_action.asp" method="get">
      <p>姓名:<input type="text" name="email" /></p>
      <p>国家:<input type="text" name="country" 
      value="China" readonly="readonly" /></p>
      <input type="submit" value="Submit" />
    </form>
    <p>请在提交按钮上单击,输入会发送到服务器上名为 "form_action.asp" 的页面。</p>
    </body>
    </html>

    运行结果:

    GIF.gif

    推荐学习:css视频教程

    以上就是css/html如何设置readonly的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css readonly
    上一篇:如何压缩css文件 下一篇:教你一招实现3D图片演示
    20期PHP线上班

    相关文章推荐

    精选22门好课,价值3725元,开通VIP免费学习!• css如何设置边框透明• css如何设置表格间距• css中怎么设置图片大小• css如何设置banner图自适应• css怎么设置透明度的颜色
    1/1

    PHP中文网