前端的学习之路：初级HTML---表单补充

最新推荐文章于 2024-05-04 20:29:53 发布

new-SkyWaller

最新推荐文章于 2024-05-04 20:29:53 发布

阅读量57

点赞数

分类专栏：初级HTML 文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_44647555/article/details/113530073

版权

初级HTML 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

表单补充

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单补充</title>
</head>

<body>
    <!-- autocomplete="on"自动补全
    autocomplete="off"关闭自动补全 -
    readonly 将表单项设置为只读，就是不可更改hello值，数据会提交
    disbled 将表单项设置为禁用，数据不会提交
    autofocus 自动获取焦点，就是光标自动会在获取焦点的那一框（刚打开网页时）—-->
    <form action="11.25.04.1.form.html">
        <input type="text" name="usename" autocomplete="on">
        <br><br>
        <input type="text" name="a" value="hello" readonly>
        <br><br>
        <input type="text" name="b" disabled>
        <br><br>
        
        <input type="text" name="c" autofocus>
        <br><br>
        email<input type="email">
        <br><br>
        颜色<input type="color">
        <br><br>
        <!-- 提交按钮 -->
        <input type="submit">
        <!--重置按钮  -->
        <input type="reset">
        <!-- 普通的按钮 -->
        <input type="button" value="按钮">
        <br><br>
        <button type="submit">提交</button>
        <button type="reset">重置</button>
        <button type="button">按钮</button>
    </form>
</body>

</html>