CSS——表单的常用属性

最新推荐文章于 2023-05-13 23:49:27 发布

恬一

最新推荐文章于 2023-05-13 23:49:27 发布

阅读量425

点赞数

分类专栏：李立超前端学习

本文链接：https://blog.csdn.net/weixin_44158539/article/details/109133849

版权

前端学习同时被 2 个专栏收录

39 篇文章 0 订阅

订阅专栏

李立超

32 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="target.html">
        <input type="text" name="usrename" autocomplete ="off">
        <!--
            autocomplete="off"    关闭自动补全
        -->
        <br>
        <br>
        <input type="text" name="a" value="hello" readonly>
        <!--
            readonly   将表单项设置为只能查看，不能修改
            disabled    将表单项设置为禁用
            只读数据会提交，禁用数据不会提交

            autofocus  设置表单项自动获取焦点
        -->
        <br>
        <br>
        <input type="text" name="u" disabled>
        <br>
        <br>
        <input type="text" name="me">
        <br>
        <br>
        <input type="color"><!--颜色按钮，不过版本兼容性较差，一般不使用-->

        <input type="email"><!--邮件按钮，邮件格式出现问题会提示，一般不使用-->

        <input type="reset"><!--重置按钮-->

        <input type="submit"><!--提交按钮-->
        
        <input type="button" value="按钮"><!--普通按钮-->
        <br>
        <br>
        <br>
        <button type="button">按钮</button><!--普通按钮，区别是可以赋值其他属性-->
        <button type="button">按钮</button><!--普通按钮-->
        <button type="button">按钮</button><!--普通按钮-->

    </form>
</body>
</html>

恬一

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS——表单的常用属性

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <form acti
复制链接

扫一扫