17.表单的应用

1. 隐藏域

<!-- 密码框：input type="password" -->
<p>密码：<input type="password" name="pwd" value="123456" hidden></p>

隐藏标签：hidden，添加了hidden的标签在网页端会被隐藏起来无法看到，但是在提交整个页面的表单信息后，该隐藏的信息依旧存在并且被提交。

通过隐藏标签，我们可以传递一些默认值，比如上面的密码默认值为123456，提交页面虽然看不到密码输入口，但是提交后网站还是接收到了该信息。

2. 只读

<p>名字：<input type="text" name="username" value="admin" readonly></p>

只读标签：readonly，在标签后加入readonly，该标签显示的内容就为只读标签，在网页端无法修改，你可以选中里面的内容，但不能改不能写也不能删除，名字栏中显示的永远是value中的值

3. 禁用

    <!-- 邮件验证 -->
    <p>邮箱：
        <input type="email" name="email" disabled>
    </p>

禁用标签：disable，这里用邮箱验证标签为例，添加了disabled后，该标签在网页上就不可用了，虽然它还会显示，但是邮箱的填写框是灰色的，你无法选中。同样的如果用在单选框和多选框标签中，则对应的选项变灰无法选取。

下图是添加了disabled的效果

下图是没有添加disabled的效果

感谢您的观看，能和您一起学习是我最大的荣幸！

参考学习资料：表单的应用——狂神说

下面是我的微信公众号，与csdn同步更新，有需要的朋友可以关注一波~