80表单补充

最新推荐文章于 2024-08-14 15:00:00 发布

广东码农

最新推荐文章于 2024-08-14 15:00:00 发布

阅读量67

点赞数

分类专栏： html+css 文章标签： css

本文链接：https://blog.csdn.net/quanxiaobai_/article/details/118054196

版权

html+css 专栏收录该内容

82 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单补充；详细请看文档！</title>
</head>
<body>
    <!-- 也可以在form标签添加autocomplete="off"，这样子标签所有都不会自动补全了 -->
    <form action="target.html" autocomplete="off">

        <!-- 这里也可以写value，这样value就成了默认值 -->
        <!--
            autocomplete="off"关闭自动补全 
            readonly 将表单项设置为只读，submit之后value数据会提交
            disabled 将表单项设置为禁用，submit之后value数据不会提交
            autofocus 设置表单项自动获取焦点，第一次、或者刷新页面后光标会自动获取在这里

            另外！表单会有一些默认的样式，类似ul啊这些

        -->
        <input type="text" name="username" value="hello" autocomplete="off" readonly>
        <input type="text" autofocus>
        <br><br>

        <input type="submit">
        <input type="button" value="这是一个按钮">
        <!-- 重置按钮的作用，将页面表单的东西恢复成默认值 -->
        <input type="reset" value="这是一个重置按钮">

        <br><br>

        <button type="submit">提交</button>
        <button type="button">这是一个按钮</button>
        <button type="reset">这是一个重置按钮</button>
    </form>
</body>
</html>