表单内容相关操作

weixin_30715523

于 2019-07-12 22:07:00 发布

阅读量60

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xiaozhou223/p/11178690.html

博客介绍了HTML表单相关知识，包括使用readonly属性让表单内容只读，placeholder属性设置输入框提示信息，适用于多种input类型，还提到用<fieldset>和<legend>标签将表单元素分组显示并添加标题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、表单内容只读：readonly="readonly"：输入字段为只读

2、placeholder="content"：提示信息，适用于 input 类型：text、search、url、tel、email 和 password

3、<fieldset><legned></legned></fieldset>：可以将表单中的多个元素分组显示，<legned></legned>给分组的<fieldset></fieldset>添加标题

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>fieldset和legend标签</title>
    </head>
    <body>
        <form action="" method="">
            <fieldset id="">
                <legend>账户信息</legend>
                <p>会员名：<input type="text" name="" id="" placeholder="请输入会员名" readonly="readonly"></p>
                <p>登录密码：<input type="password" name="" id=""></p>
                <p>验证码：<input type="text" name="" id="" value="xiaozhou" readonly="readonly"/></p>
            </fieldset>
        </form>
    </body>
</html>