HTML表单标签

最新推荐文章于 2024-07-02 17:52:33 发布
最新推荐文章于 2024-07-02 17:52:33 发布
阅读量1.5k 收藏 13
点赞数 34
分类专栏： HTML 文章标签： html 前端 javascript python 数据分析 开发语言 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_61566562/article/details/139812486
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--    表单标签  ： form    输入框，按钮，
        action=""  引号里放链接，表单提交后给后端去连接，这里不说明
        表单内部的标签（介绍常见的）：input select textarea
            input(单标签):
                单行文本输入框  type="text"
                密码框        type="password"
                按钮          type="button" value="登录"  普通按钮 （登录也可以改成其他提示字）
                             type="submit"   提交按钮 会直接与服务器链接 提交表单信息，是真正与表单连接的提交；
                                             这个也是真正与表单连接的按钮：（<button>button提交</button> 不在input标签里面）
                单选框        type="radio"
                多/复选框     type="checkbox"
                其他          type="color"
                             type="datatime-local"
           select
                option
           textarea


    -->

    <form>
            <!--   单行文本输入框     -->
        <input type="text" placeholder="请输入姓名"> <br>
            <!--   密码框    -->
        <input type="password" placeholder="请输入密码"> <br>

            <!--    按钮
                    submit  会直接与服务器链接 提交表单信息
              -->
        <input type="button" value="登录">
        <input type="submit">
        <button>button提交</button>

        <hr>
        <!--    单选框
                name 代表是同一组题目，命名需一致，且与整个表单form中的其他选框命名不同
                checked 默认选择，默认选中
                disabled  禁用，无法选择
                checked disabled 两个同时设置，代表默认选择，无法取消  比如有的火锅店点餐时锅底只有一种默认选择无法操作
           -->
        <h4>请选择你最喜欢的游戏</h4>
        <input type="radio" name = "games" checked >王者荣耀
        <input type="radio" name = "games" disabled >DNF
        <input type="radio" name = "games2">英雄联盟
        <input type="radio" name = "games2">和平精英

        <hr>
        <!--    多/复选框
                name 代表是同一题目，命名需一致
                checked 默认选择
                disabled  禁用
                checked disabled  同时放的时候代表是必选且无法取消
           -->
        <h4>请选择你最喜欢的游戏</h4>
        <input type="checkbox" name = "games" checked disabled >王者荣耀
        <input type="checkbox" name = "games" disabled >DNF
        <input type="checkbox" name = "games">英雄联盟
        <input type="checkbox" name = "games">和平精英
        <hr>

        <!--   下拉菜单
                selected 默认选择

                option  选项
           -->
        <select>
            <option>蔡依林</option>
            <option>昆凌</option>
            <option selected >侯佩岑</option>
        </select>

        <hr>
        <!-- 多行文本输入框/文本域 -->
        <textarea cols="50" rows="10"></textarea>

        <hr>
        <!--    其他    -->
        <input type="color">
        <input type="datatime-local">


    </form>


</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--    表单标签  ： form    输入框，按钮，
        action=""  引号里放链接，表单提交后给后端去连接，这里不说明
        表单内部的标签（介绍常见的）：input select textarea
            input(单标签):
                单行文本输入框  type="text"
                密码框        type="password"
                按钮          type="button" value="登录"  普通按钮 （登录也可以改成其他提示字）
                             type="submit"   提交按钮 会直接与服务器链接 提交表单信息，是真正与表单连接的提交；
                                             这个也是真正与表单连接的按钮：（<button>button提交</button> 不在input标签里面）
                单选框        type="radio"
                多/复选框     type="checkbox"
                其他          type="color"
                             type="datatime-local"
           select
                option
           textarea


    -->

    <form>
            <!--   单行文本输入框     -->
        <input type="text" placeholder="请输入姓名"> <br>
            <!--   密码框    -->
        <input type="password" placeholder="请输入密码"> <br>

            <!--    按钮
                    submit  会直接与服务器链接 提交表单信息
              -->
        <input type="button" value="登录">
        <input type="submit">
        <button>button提交</button>

        <hr>
        <!--    单选框
                name 代表是同一组题目，命名需一致，且与整个表单form中的其他选框命名不同
                checked 默认选择，默认选中
                disabled  禁用，无法选择
                checked disabled 两个同时设置，代表默认选择，无法取消  比如有的火锅店点餐时锅底只有一种默认选择无法操作
           -->
        <h4>请选择你最喜欢的游戏</h4>
        <input type="radio" name = "games" checked >王者荣耀
        <input type="radio" name = "games" disabled >DNF
        <input type="radio" name = "games2">英雄联盟
        <input type="radio" name = "games2">和平精英

        <hr>
        <!--    多/复选框
                name 代表是同一题目，命名需一致
                checked 默认选择
                disabled  禁用
                checked disabled  同时放的时候代表是必选且无法取消
           -->
        <h4>请选择你最喜欢的游戏</h4>
        <input type="checkbox" name = "games" checked disabled >王者荣耀
        <input type="checkbox" name = "games" disabled >DNF
        <input type="checkbox" name = "games">英雄联盟
        <input type="checkbox" name = "games">和平精英
        <hr>

        <!--   下拉菜单
                selected 默认选择

                option  选项
           -->
        <select>
            <option>蔡依林</option>
            <option>昆凌</option>
            <option selected >侯佩岑</option>
        </select>

        <hr>
        <!-- 多行文本输入框/文本域 -->
        <textarea cols="50" rows="10"></textarea>

        <hr>
        <!--    其他    -->
        <input type="color">
        <input type="datatime-local">


    </form>


</body>
</html>

追梦女孩ii
关注
  • 34
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML常用标签之表单标签
qq_47412862的博客
04-09 2366
作用：收集用户信息 表单的组成：由表单域、表单控件（也称表单元素）和提示信息3个部分构成。 一、表单域 表单域是一个包含表单元素的区域。 在HTML标签中，<form>标签用于定义表单域，以实现用户信息的收集和传递。 <form>会把它范围内的表单元素信息提交给服务器。 语法︰ <form action="url地址" method="提交方式" name="表单域名称"> 各种表单元素控件 </form> 常用属
html表单标签
03-22
html表单一些基本的标签操作，ppt制作好的，可以看看，简单易懂
HTML 表单标签
weixin_45904557的博客
02-28 7997
一、什么是表单标签 表单是用来采集用户的输入数据，然后将数据提交给服务器 二、表单的组成 一个表单有三个基本组成部分： ①表单标签：这里面包含了处理表单数据所用程序的URL以及数据提交到服务器的方法。 ②表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 ③表单按钮：包括提交按钮、复位按钮和一般按钮； 三、表单标签 表单标签＜form＞＜/form＞ 功能：用于申明表单，定义采集数据的范围，也就是＜form＞和＜/form＞里面包含的数据
HTML表单标签 input
BambooStrip的博客
08-24 1521
HTML表单标签 input
HTML系列之表单标签
StayAlive1887的博客
07-01 1325
表单用于收集用户的输入信息，如我们常看见的登录页面，需要用户输入账号和密码，这时候，我们要拿到用户输入的账号和密码，就需要使用表单标签。密码：用户名：
html中的表单标签
weixin_51182359的博客
04-23 3468
html 中的表单标签介绍
html表单标签与表单设计
z55947810的博客
04-17 4861
刚刚接触前端的HTML，练习并记录程序。 下面是对HTML表格的整理并总和在一起做的一个小练习。 IDE：VScode 主要框架是自动生成的，body内为自己编写内容。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="view...
HTML表单标签及表单标签属性
ginger_mr的博客
03-02 2344
表单标签以及属性介绍 属性介绍: form标签属性 action:请求路径。 method:请求方式。 get:默认值 提交的数据追加在请求路径上。数据格式k/v,追加是使用?连接之后每一对数据使用&连接。 因为请...
4—HTML表单标签中name和value的区别
qq_64073631的博客
10-18 1753
HTML表单标签中name和value的区别
HTML表单标签大全并附有详细代码+案例
小新的博客
08-13 5224
HTML表单标签 HTML 表单用于搜集不同类型的用户输入。 一个完整的表单包含三个基本组成部分：表单标签、表单域、表单按钮。 1. 表单标签 HTML 表单用于收集用户输入，表单使用 标签创建。表单可包含文本字段、复选框、单选框、提交按钮等等。 注意：元素是块级元素，其前后会产生折行。
HTML常见标签-表单
weixin_52655964的博客
08-15 1747
HTML常见标签-表单
表单标签大全.html
03-13
涵盖了表单标签的大部分内容，主要是开发过程中最常用的
12-表单标签.html
12-19
12-表单标签.html
JSP实现用于自动生成表单标签html代码的自定义表单标签
01-08
本文实例讲述了JSP实现用于自动生成表单标签html代码的自定义表单标签。分享给大家供大家参考。具体如下： 这个是自己写的一个简单的JSP表单标签，用于自动生成checkbox,select,radio等标签，传入菜单集合生成html...
HTML 使用表单标签实现注册页面的实例代码
09-22
主要介绍了HTML 使用表单标签实现注册页面的实例代码,需要的朋友可以参考下
基于CSDN的Markdown文本编辑器的博客界面优化 | HTML | 文本标签 | 图像标签 | 个人主页引导
神马都会亿点点的毛毛张
06-23 1043
💝不知道大家在看到别人的博客的时候会不会因为别人文章的开头的介绍以及排版眼前一亮👓，正如毛毛张的开头部分，或者如下图📌👉这个作者的每篇博客开头都采用了居中对齐的隶书字体，还加上了EMOJI符号，并且点击作者名称还能跳转到其主页，这种设计很好地引导了用户关注。👆上述博主的博客个人简历🧑‍🎓介绍主要通过在CSDN发布文章的Markdown文本编辑器中运用HTML语言实现。今天，毛毛张将分享如何通过文本相关标签和图像标签来优化CSDN中的个人简历🧑‍🎓展示，实现上述效果。
用MySQL+node+vue做一个学生信息管理系统（二）：创建MySQL数据表、创建HTML用户列表页面
最新发布
紫月i的博客
07-02 1200
SHOW DATABASES; CREATE DATABASE students; USE students; CREATE TABLE student( id INT COMMENT ‘学号’, name VARCHAR(32) COMMENT ‘姓名’, sex VARCHAR(8) COMMENT ‘性别’, class VARCHAR(64) COMMENT ‘班级’ ) SHOW TABLES;
获取HTML元素的offsetParent属性
weixin_44626980的博客
06-29 540
大家好，我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编，也是冬天不穿秋裤，天冷也要风度的程序猿！今天我们将深入探讨在前端开发中常用的一个属性——HTML元素的。属性，这是前端开发中常用于布局和定位的重要属性。属性用于描述一个元素的包含块（containing block），即元素在页面布局中的参照物。属性，可以帮助开发者更好地处理页面布局和定位的需求，提升用户体验和页面性能。如果项目中使用了jQuery，可以使用其提供的方法来获取元素的。在前端开发中，我们经常需要获取元素的。
html之内联样式
abments的博客
07-02 136
内联样式（inline styles）是在HTML元素的style属性中直接定义的CSS样式。与外部样式表或内部样式表不同，内联样式仅应用于特定的HTML元素。使用内联样式时，可以在HTML标签中直接添加样式，而无需通过外部或内部的CSS文件引用样式规则。
HTML 表单宽度标签
05-25
HTML 表单宽度可以通过使用 `width` 属性来设置。例如： ```html ;"> <!-- 表单内容 --> ``` 在上面的示例中，我们将表单的宽度设置为 500 像素。您还可以使用百分比来设置表单的宽度，例如： ```html ;"> <!-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值