个人信息提交表单

最新推荐文章于 2023-03-23 20:31:01 发布
最新推荐文章于 2023-03-23 20:31:01 发布
阅读量1.6k 收藏 8
点赞数 1
分类专栏： asp.net
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/c_y_w_/article/details/89311475
版权

样式及运行结果如下

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="ControlTest.Test" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .style1
        {
            width: 88px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
       <h1> 设置我的信息</h1>
        <br />
        <table style="width:100%;">
            <tr>
                <td class="style1">
                    姓名：</td>
                <td>
                    <asp:TextBox ID="TextBoxName" runat="server"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td class="style1">
                    性别：</td>
                <td>
                    <asp:RadioButton ID="RadioButtonm" runat="server" Text="男" GroupName="sex" />
                    <asp:RadioButton ID="RadioButtonf" runat="server" Text="女" GroupName="sex" />
                </td>
            </tr>
            
            <tr>
                <div id="div1" runat="server">
                <td class="style1">
                    爱好：</td>
                <td>
                    <asp:CheckBox ID="CheckBox2" runat="server" Text ="踢球"/>
                    <asp:CheckBox ID="CheckBox3" runat="server" Text ="游戏"/>
                    <asp:CheckBox ID="CheckBox4" runat="server"  Text ="读书"/></td>
                 </div>
            </tr>
            
            <tr>
                <td class="style1">
                    出生日期：</td>
                <td>
                    <asp:DropDownList ID="DropDownList1" runat="server">
                    </asp:DropDownList>
                    年<asp:DropDownList ID="DropDownList2" runat="server" 
                        onselectedindexchanged="DropDownList2_SelectedIndexChanged" 
                        AutoPostBack="True">
                    </asp:DropDownList>
                    月<asp:DropDownList ID="DropDownList3" runat="server">
                    </asp:DropDownList>
                    &nbsp; 日</td>
            </tr>
            <tr>
                <td class="style1">
                    &nbsp;</td>
                <td>
                    你是否同意春天最美丽？<asp:RadioButton ID="RadioButton1" 
                        runat="server"  Text="同意" GroupName="agree"/>
                    <asp:RadioButton ID="RadioButton2" runat="server"  Text="不同意" 
                        GroupName="agree"/>
                </td>
            </tr>
            <tr>
                <td class="style1">
                    &nbsp;</td>
                <td>
                    <asp:Button ID="Button1" runat="server" Text="提交" onclick="Button1_Click" />
                </td>
            </tr>
        </table>
        &nbsp;
        <br />
    
    </div>
    <p>
        你提交的信息有：<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
    </p>
    </form>
</body>
</html>

因为选择日的下拉框要根据年月判断，所以将月的AutoPostBack属性设为true，在DropDownList2_SelectedIndexChanged里面写代码生成日。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace ControlTest
{
    public partial class Test : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                for (int year = DateTime.Now.Year; year >= 1900; year--)
                    DropDownList1.Items.Add(year.ToString());

                for (int month = 1; month <= 12; month++)
                    DropDownList2.Items.Add(month.ToString());

                for (int date = 1; date <= 31; date++)
                    DropDownList3.Items.Add(date.ToString());
            }
        }

        protected void DropDownList2_SelectedIndexChanged(object sender, EventArgs e)
        {
            DropDownList3.Items.Clear();
            int y = int.Parse(DropDownList1.SelectedValue);
            int m = int.Parse(DropDownList2.SelectedValue);

            if ((y % 4 == 0 && y % 100 != 0) || y % 400 == 0)
            {
                if (m == 1 || m == 3 || m == 5 || m == 7 || m == 8 || m == 10 || m == 12)
                {
                    for (int date = 1; date <= 31; date++)
                        DropDownList3.Items.Add(date.ToString());
                }
                else if (m == 2)
                {
                    for (int date = 1; date <= 29; date++)
                        DropDownList3.Items.Add(date.ToString());
                }
                else
                {
                    for (int date = 1; date <= 30; date++)
                        DropDownList3.Items.Add(date.ToString());
                }

            }
            else
            {
                if (m == 1 || m == 3 || m == 5 || m == 7 || m == 8 || m == 10 || m == 12)
                {
                    for (int date = 1; date <= 31; date++)
                        DropDownList3.Items.Add(date.ToString());
                }
                else if (m == 2)
                {
                    for (int date = 1; date <= 28; date++)
                        DropDownList3.Items.Add(date.ToString());
                }
                else
                {
                    for (int date = 1; date <= 30; date++)
                        DropDownList3.Items.Add(date.ToString());
                }
            }
        }
       

        protected void Button1_Click(object sender, EventArgs e)
        {
            String sex = "";
            if(RadioButtonm.Checked){
                sex = "男";
            }
            else if(RadioButtonf.Checked){
                sex = "女";
            }

            String hobby = "";
            foreach (Control ctl in this.div1.Controls)//Control 控件类 服务器控件的父类 Controls控件集合
            {
                if (ctl is CheckBox)
                {
                    CheckBox chk = ctl as CheckBox;
                    if (chk.Checked)
                    {
                        hobby += chk.Text;
                    }
                }
            }

            String agree = "";
            if(RadioButton1.Checked){
                agree = "同意";
            }
            else if(RadioButton2.Checked){
                agree = "不同意";
            }
            Label1.Text = "<br/>" + "姓名：" + TextBoxName.Text + "<br/>" + "性别：" + sex + "<br/>"
                + "生日：" + DropDownList1.SelectedItem.Text + "年" 
                           + DropDownList2.SelectedItem.Text + "月" 
                           + DropDownList3.SelectedItem.Text + "日"+"<br/>"
                + "爱好：" + hobby + "<br/>" + agree + "春天最美丽" ;
        }
    }
}

 

-cywen-
关注
  • 1
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
个人信息提交表单代码.zip
07-04
个人信息提交表单代码是一款原生js表单美化制作注册个人信息提交表单代码。
个人信息提交表单特效代码
03-20
个人信息提交表单代码是一款原生js表单美化制作注册个人信息提交表单代码。
使用表单收集个人信息
Chien d'amis的博客
07-08 2350
使用表单收集个人信息 样例跳转：样例一<—点这跳转 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>个人信息</title> </head> <body> <div> 账户：<input type="text" name="nickName"/
个人信息注册form表单
yuanshiperson的博客
09-20 1660
Insert title here function tijiao() { } 姓名: 性别: 男 type="radio" value="女" name="sex">女 学历: 中专 大专 本科 研究生 博士 选修: JS type="checkbox" name="se
用php创建一个用于填写用户资料的表单_如何制作简易信息采集表单
weixin_39926588的博客
12-03 887
本教程只是针对那些要求不高，有简单收集需求不会开发的的非专业人士制定，如有高需求可自行开发，以下为教程详细。先放一个案例，就是下面教程做出来的最终成品：可以点击链接自己体验一下，https://s.wcd.im/v/1pa2hZ38/?qr (二维码自动识别)可以制作表单收集的第三方软件很多，但凡能制作H5的编辑器，基本都有制作表单的功能，秀米、易企微、有图等等等，今天以凡科的编辑器作为案例，具体...
html页面中个人信息的表单校验,javascript如何验证表单？
weixin_31484881的博客
06-03 336
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。表单验证可以通过JavaScript来完成：以下示例代码用于判断表单字段(Name)值是否存在，如果存在，则弹出信息，否则阻止表单提交：表单验证function myFunction()...
个人信息提交表单网页模板
01-22
个人信息提交表单网页模板
原生js表单美化制作注册个人信息提交表单代码
11-11
原生js表单美化制作注册个人信息提交表单代码
js个人信息提交表单代码.zip
11-24
js个人信息提交表单代码.zip
原生js表单美化制作注册个人信息提交表单.zip
07-11
原生js表单美化制作注册个人信息提交表单代码
jQuery个人信息完善表单代码.zip
07-05
脚本简介jQuery个人信息完善表单代码是一款适用于手机端个人信息填写表单代码。
40多款漂亮的form表单设计
05-26
介绍40多个漂亮的网页表单例子以及现代的解决方案和与网页表单设计有关的创造性思维.其中有一些是flash的；尽管如此，在大多数情况下，你能很容易的使用简单的css和(x)html来创建相同的设计.
PHP的表单
weixin_51884452的博客
01-21 1803
PHP的表单细讲！！
PHP实现一个表单-学生信息登记表单
weixin_59042297的博客
03-23 4899
学生信息等级表单学生信息登记表
今天把之前学的之前所学的表单和表格的知识做出了一个个人信息表单
王伟的博客
07-07 465
表单知识的总结：           1. form是表单标签action他的属性值是用来指向服务器的url地址，还有name属性（是提交到服务器）、enctpy（二进制传输）、 method(包括post比较安全可以隐藏输入的密码 并且上传到服务器的文件大小也比较大，而get不安全，而且能上传的文件也比较小)          2. 一个完整的表单是由表单标签、表单域、表单按钮三部分表单
【PHP编程】制作表单生成器——注册登录信息
野马菲比的博客
04-25 2939
PHP编程：制作表单生成器——注册登录信息 用PHP语言编写一个表单页面，美化表单样式，显示注册信息（姓名，性别，出生日期，邮箱，手机号码，幸运颜色，爱好，住址，自我介绍）； 编辑器：Sublime Text <!DOCTYPE html> <html> <head><meta charset="utf-8"> <title>表单生成器...
php个人资料表单显示,php-如何显示用户从表单构建器中选择的带...
weixin_42514002的博客
03-18 210
我正在制作表单生成器,并且有一个输入字段,称为“名字”,“姓氏”,“电子邮件”,“同意”.无论用户从表单构建器页面选择该字段,单击按钮后,所有元素都将存储在数据库中.就像我从表单构建器页面中选择元素名字,姓氏,电子邮件和iagree并保存它一样.在数据库中,它将像下面的示例一样存储现在,我更新了表单生成器,并更改了表单元素.显示如下图所示.使用下面的查询,我正在更新最后一条记录SELECT for...
jquery-实现的添加个人信息加验证，附完全的注释，相信大家可以看懂
王继超的专栏
03-28 3311
注：本例子是参照jquery手册中提供的案例写的，不过已经读懂，并加上了比较全的中文注释，相信大家可以看懂，如有bug谢谢指出 jquery-实现的添加个人信息加验证，完全的注释 body { font-size: 62.5%; } label, input { display:block; } input.text { margin
WinForm员工信息表
weixin_33759269的博客
08-06 207
　　先搞一个panel，然后里面放label。
html提交个人信息表单
最新发布
05-31
以下是一个简单的 HTML 个人信息表单示例： ```html <form action="#" method="post"> <label for="name">姓名:</label> <input type="text" id="name" name="name" required><br> <label for="email">电子邮件:</label> <input type="email" id="email" name="email" required><br> <label for="phone">电话:</label> <input type="tel" id="phone" name="phone"><br> <label for="gender">性别:</label> <select id="gender" name="gender"> <option value="male">男</option> <option value="female">女</option> <option value="other">其他</option> </select><br> <label for="message">留言:</label> <textarea id="message" name="message" rows="5"></textarea><br> <input type="submit" value="提交"> </form> ``` 这个表单包含了姓名、电子邮件、电话、性别和留言等字段。当用户点击提交按钮时，表单数据将被发送到服务器上的一个URL。在本例中，由于`action`属性被设置为“#”，表单数据将被提交到当前页面。如果您想将表单数据提交到另一个页面或API，请将`action`属性设置为相应的URL。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值