开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

提交一个没有提交按钮的HTML表单？

一个没有提交按钮的HTML表单可以采用以下方式实现：

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>无提交按钮的表单示例</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f2f2f2;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        .form-container {
            background-color: #ffffff;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            width: 300px;
            margin: 50px auto;
        }
        .form-container h2 {
            text-align: center;
            margin-bottom: 20px;
        }
        input[type="text"], input[type="password"] {
            padding: 10px;
            margin-bottom: 20px;
            border-radius: 5px;
            border: none;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        input[type="submit"] {
            background-color: #4CAF50;
            color: #ffffff;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        input[type="submit"]:hover {
            background-color: #3e8e41;
        }
    </style>
</head>
<body>
    <div class="form-container">
        <h2>登录表单</h2>
        <form action="">
            <label for="username">用户名:</label>
            <input type="text" id="username" name="username" placeholder="请输入用户名">

            <label for="password">密码:</label>
            <input type="password" id="password" name="password" placeholder="请输入密码">

            <input type="submit" value="登录">
        </form>
    </div>
</body>
</html>

这个HTML表单包含了一个用户名和密码输入框，以及一个提交按钮。但是，它没有明显的提交按钮，因为它是隐式的。当用户点击输入框中的文本时，它会被自动提交到指定的URL。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

js逐步教实现表单系统

注意一下；第一：取消系统默认的事件，最重要的一点在于是否每一个都填了．所以：

03

js原生模态登录框

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.

03

❤️使用 HTML 和 CSS 的玻璃态登录表单(含免费完整源码)❤️

你可以观看现场演示以了解它是如何工作的。如果你想使用 HTML 和 CSS 代码创建玻璃态登录表单，请按照以下教程进行操作。

03

electron仿制百度网盘客户端2(登录界面制作)

百度网盘客户端的尺寸是: 主界面 w:662px h:442px 顶部header h:75px bg:#EFF2F6

04

wordpress后台登录界面美化

@font-face { font-family:fzz; src: url('https://img.zuanmang.net/ttf/fzz.ttf'); } 模板从吾爱破解论坛搬的，原作者分享出来的图片都丢失了，样式也有点问题。写了个圆角样式及添加阴影，以及透明显示。（本想用高斯模糊奈何这个结构全都都会变成毛玻璃效果。）用PHP随机显示图片做背景，实现后台登录背景随机刷新。

02

bootstrap学习

bootstrap把页面设置为12列。三个div所以设置col-xs-4，如果是4个div，那么就设置col-xs-3 布局设置（修改过的，方便自己写）

02

菜鸡博客开……开……开源了!

因为很多人找我要过博皮源码，所以本宝宝经过深思熟虑，最终决定把自己的源码分享给大家！

05

分步式用户注册表单UI界面代码解析/附源码下载

这是一款效果非常酷的分步式用户注册表单UI界面设计效果。在这个设计中简单的将用户注册分为3个步骤，用户填写完每一个步骤的信息后可以点击“下一步”按钮跳转到下一个步骤，也可以通过“前一步”按钮来查看前面的填写内容。在切换步骤的时候还带有非常炫酷的过渡动画效果。

04

html+css实现漂亮透明的登录页面，HTML实现炫酷登录页面

今天带大家，用html+css实现一个漂亮的登录页面，代码中关键部分我都做了注释，具体实现过程请看下面的视频和代码。

05

【UI界面设计】CSS生成工具，提示箭头

主要代码预览： <form class='configuration'>

Arrow configuration

<label>Position</label> <label><input type="radio" name="p
01

【前端小白进阶】CSS生成工具，网页提示箭头

主要代码预览： HTML代码: <form class='configuration'>

Arrow configuration

<label>Position</label> <label><input type="radio
01

正则表达式——表单验证

代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>实验</title> <style type="text/css"> /*该元素获得焦点时，不出现虚线框（或高亮框）*/ *:focus{ outline:none; } form{ width: 750px; height: 500px; background-color: #FFC0CB; positi

02

PHP为任意页面设访问密码，需要登陆才能访问

把下面的代码存为php文件，下面的整段代码是验证过程，然后在你入口页进行调用例如命名为MkEncrypt.php，那么在入口页进行

02

前端网页让照片动起来（

由于文件没法贴上来，暂时分享到这。具体效果可看上面的演示。交流群970353786，来自计算机爱好者川川。

01

BBS论坛（二）

2.1.cms后台登录界面完成（1）templates/cms/cms_login.html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <

04

WordPress表单插件 Contact form 7介绍及拓展高级功能实现和部分表单框架样式

首先 Contact form 7 插件是一款免费的WordPress表单插件，用于给访客填写表单、收集信息功能。利用配合MailChimp（国外邮件营销工具）亦可实现邮件订阅功能，由于Contact Form7插件的强大，也可以实现自动给用户发送邮件（可包含文件附件），配合Contact Form CFDB7插件可记录用户表单填写信息(Contact form 7插件默认是不会保存这些内容的，它只会发送邮件发给你 )；配合Redirection for Contact Form 7 插件也实现用户提交表单后跳转至自定义url。可用于记录跳转参数便于运营数据参考，这款插件还可以将用户填写的信息传递到url，以实现简单的跨页面传参呈现用户信息。

03

实现登录框

今天课程要求实现百度的登录框功能，晚上花费了两个小时终于搞定，直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Documen

06

简约商务风格登录页H5【源码】

<!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <title>Login Form</title> <style type="text/css"> .btn { display: inline-block; *display: inline; *zoom: 1; padding: 4px 10px 4px; margin-bottom: 0; font-size: 13px; line-height: 18px; color: #333333

01

ZBLOG PHP自定义通用404错误页面模板（简洁单页面）

一般情况下，从客户要求上看我们搭建的网站中并没有刻意去给客户网站安装404错误页面的模板主题页面，而是有时候采用的默认系统自带的。当然如果需要追求效果或者严格度的话，最好是设置通用的404错误页面模板，这样每次制作主题的时候直接统一调用也不错。

02

白嫖のCloudBase云函数第二章

public文件夹下新建了static文件夹，其余的css js plug文件夹都在下面

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭