HTML表单

已于 2023-03-04 14:13:51 修改
阅读量69 收藏
点赞数 1
分类专栏： HTML 文章标签： html 前端
于 2022-12-21 21:39:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_62793741/article/details/128402393
版权 
<!DOCTYPE html>

<html lang="en">

<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>Document</title>

</head>

<body>

    <h3>My Page</h3>

    <table width="700" >

       

        <tr>

            <td>性别：</td>

            <td>

                <input type="radio" name="sex" id="nan"><label for="nan"> 男</label>

                <input type="radio" name="sex" id="nv"><label for="nv"> 女</label>

            </td>

        </tr>

       

        <tr>

            <td>生日：</td>

            <td>

                <select >

                    <option>--请选择年份--</option>

                    <option>2001</option>

                    <option>2002</option>

                    <option>2003</option>

                </select>

                <select >

                    <option>--请选择月份--</option>

                    <option>5</option>

                    <option>6</option>

                    <option>7</option>

                </select>

                <select >

                    <option>--请选择日--</option>

                    <option>24</option>

                    <option>25</option>

                    <option>26</option>

                </select>

            </td>

         

        </tr>

       

        <tr>

            <td>所在地区:</td>

            <td>

                <input type="text" value="湖南长沙">

            </td>

        </tr>

       

        <tr>

            <td>心情指数状况:</td>

            <td>

                <input type="radio" name="mood" checked="checked"> 开心

                <input type="radio" name="mood" > 一般

                <input type="radio" name="mood"> 难过

            </td>

        </tr>

       <tr>

        <td>喜欢类型:</td>

        <td>

            <input type="checkbox" name="love"> 简约

            <input type="checkbox" name="love"> 游戏

            <input type="checkbox" name="love"> 二次元



        </td>

       </tr>

   

       <tr>

        <td>自我介绍:</td>

        <td>

            <textarea>个人简介</textarea>

        </td>

       </tr>

     

       <tr>

        <td></td>

        <td>

            <input type="submit" value="免费注册">

        </td>

       </tr>

     

       <tr>

        <td></td>

        <td>

            <a href="#">其他方式立即登录</a>

        </td>

       </tr>

    </table>

</body>

</html>

效果图： 

Lxw_Code
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML 表单组件实例代码
12-14
HTML 表单用于搜集不同类型的用户输入。下文通过代码给大家分享html 表单组件实例代码，感兴趣的朋友参考下吧 废话不多说了，直接给大家贴代码了，具体代码如下所示： <!DOCTYPE html> <html> <head&gt...
深入理解html表单输入监听
09-28
下面小编就为大家带来一篇深入理解html表单输入监听。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
表单智能填充，数据复制到文本域，智能填充到表单，html表单提交
05-27
html，表单自动填充，避免重复性工作，一个一个填写，复制粘贴到文本域，自动识别对应表单属性，复制之后自动识别，点击提交就行了。超级简单，有什么不懂的可以直接私信问我。
HTML表单标记教程(3):输入标记
12-13
HTML表单标记教程,这节主要讲解如何在网页中使用INPUT标记,主要介绍INPUT标记的属性的使用. 输入标记<input>是表单中最常用的标记之一。常用的文本域、按钮等都使用这个标记。 基本语法 01 <Form> 02 &...
asp.net获取HTML表单File中的路径的方法
10-26
主要介绍了asp.net怎么获取HTML表单File中的路径,需要的朋友可以参考下
html表单制作及多种实例
11-09
html表单制作及实例HTML表单是一种允许用户输入数据的网页元素。表单数据可以通过各种方式发送到服务器进行处理。下面是一个简单的HTML表单的例子：具体见附件 这个表单有两个文本输入字段（名和姓），一个提交按钮...
20.4 HTML 表单1
08-04
配套资源
html中表单提交的实现
09-22
表单提交是常见的一种操作，这篇文章主要介绍了html中表单提交的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
如何发送HTML表单数据
02-20
多数时候，HTML表单的目的只是为了把数据发给服务器，之后服务器再处理这些数据并发送响应给用户。虽然看起来挺简单的，但我们还是得注意一些事情以确保传送的数据不会破坏服务器、或者给你的用户制造麻烦。整个web...
使用css美化html表单控件详细示例(表单美化)
09-28
主要介绍了使用css美化html表单控件详细示例(表单美化),需要的朋友可以参考下
html表单的几种提交方式总结
09-28
HTML表单是网页交互的重要组成部分，它允许用户输入数据并将其发送到服务器进行处理。本文将详细介绍HTML表单的几种提交方式，帮助开发者更好地理解和运用这些方法。 1. **常规submit按钮提交** 这是最常见、最...
多种实例解析HTML表单form的使用方法
09-28
HTML表单是网页设计中不可或缺的一部分，它允许用户与网站进行交互，提供数据并发送到服务器进行处理。本文将通过多个实例深入解析HTML表单`<form>`的使用方法。 首先，`<form>`标签是创建表单的基础，用于定义一个...
html表单标签
03-22
html表单一些基本的标签操作，ppt制作好的，可以看看，简单易懂
HTML表单传值示例通过get方式传递
09-28
HTML表单传值，就是一个input输入框和input提交按钮，需要注意的是type为submit而不是button，具体示例如下，不了解的朋友可以看看哦
html表单模板下载.pdf
11-16
html表单模板下载.pdf
HTML 表单.pdf
08-11
HTML 表单详解 HTML 表单是 HTML 中的一种基本结构单元，用于在 Web 页面上收集用户输入的数据。HTML 表单的主要组成部分包括表单语法、表单元素格式、文本框、密码框、单选按钮、复选框、列表框、按钮、多行文本域...
Html表单和Server表单
05-16
HTML表单和服务器端表单是Web开发中用于收集用户输入数据的重要工具。在HTML中，表单通过`<form>`标签定义，通常包括各种输入元素如文本框、按钮等。表单的提交方式主要分为GET和POST，这两者有显著的区别。 GET...
HTML表单和框架PPT课件.ppt
11-24
HTML表单和框架PPT课件 本资源为HTML表单和框架PPT课件，主要讲解HTML表单和框架的概念、结构、元素、应用等方面的知识。 HTML表单是Web开发中非常重要的组成部分，它允许用户输入数据并将其发送到服务器端进行...
HTML(9)——字体修饰
最新发布
m0_74386799的博客
06-19 748
如果一组当中两个数是一样的，可以简写为一位数：例如#00ffcc简写为#0fc。font-family属性值可以书写多个字体名用逗号隔开，依次从左到右查找。单行文字想要垂直居中时，可以设置行高属性值与盒子高度属性值一致。想让图片居中，可以给图片加一个父级标签例如<div>设置居中。属性的简写方式，一个属性对应多个值的写法，各个属性值之间用。测量方法：从一行文字的最顶端到下一行文字的最顶端。属性名：text-decoration。属性名：text-indent。属性名：text-align。
html表单
05-31
HTML表单是一个用户界面元素，它包含用于收集用户输入的各种表单元素，例如文本输入框、下拉列表、单选按钮、复选框等。当用户提交表单时，它将被发送到服务器进行处理。以下是一个简单的HTML表单示例： ```html ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值