C#实现简单网页

C#实现简单网页⑴创建ASP.NET网站新建MyWebSite网站,添加一个WebForm1网页,其中包含一个文本框TextBox1一个按钮Button1(计算)和一个标签Label1(””)。在文本框中输入一个数,当点击“计算”按钮时,在标签中显示此数的平方根。WebForm1.aspx文件内容如下:<%@PageLanguage=”C#”AutoEventWireup=”true…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

⑴ 创建ASP.NET网站

新建MyWebSite网站,添加一个WebForm1网页,其中包含一个文本框TextBox1一个按钮Button1(计算)和一个标签Label1(””)。在文本框中输入一个数,当点击“计算”按钮时,在标签中显示此数的平方根。

WebForm1.aspx文件内容如下:


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="shiyan1.WebForm1" %>
<!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">
        .TextBox1 {
            width: 20px;
            height: 5px;
            right: 50%;
            left: 50%;
            margin-top: 20px;
            margin-right: 400px;
        }
        .Button1
        {
            width: 10px;
            height: 4px;
            right: 500px;
            left: 500px;
        }
    </style>
</head>
<body class="TextBox1">
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server" ontextchanged="TextBox1_TextChanged"></asp:TextBox>
    </div>
    <p>
        <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="计算" 
            Width="73px" Height="29px" />
    </p>
    </form>
</body>
</html>

WebForm1.aspx.cs文件如下:


using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace shiyan1
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Button1_Click(object sender, EventArgs e)
        {
            double num = Convert.ToDouble(TextBox1.Text);
            Label1.Text = Math.Sqrt(num).ToString();
        } 
    }
}

实现数据的前后台调用

实现样式如下:

C#实现简单网页

 

⑵ DIV/CSS布局

使用HTML标签设计如下所示表单

C#实现简单网页

 

Webform1.aspx文件:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="shiyan112.WebForm1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>实验1</title>
      <style type="text/css">
        *{
            left: 50px;
            padding: 0px;
            margin: 0px;
            border: 1px solid #FFFFFF;
        }
        #div0
        {
            left: 50px;
            width: 600px;
            margin: auto;
            border-style: solid;
            border-width: 1px;
        }
        fieldset
        {
            border: 1px solid #000000;
            margin: -15px 0px 0px 0px;
            width: 500px;
            height: 362px;
            padding-left: 150px;
        }
        label
        {
            font-weight: bold;
            font-size: 12px;
            height: 19px;
            float: none;
            margin-left: 0px;
            text-align: right;
        }
        #name01, #pass01, #pass02, #zjhm, #dh
        {
            border: 1px solid #3ca1af;
            height: 19px;
            width: 130px;
        }
        .juli
        {
            line-height: 21px;
            width: 130px;
            float: left;
            display: block;
            padding-right: 0px;
            height: 19px;
            clip: rect(auto, auto, auto, 0px);
        }
        #button
        {
            margin: 0px 0px 0px 150px;
            font-size: 12px;
            font-family: 黑体;
            font-weight: bold;
            padding: 0px;
            height: 16px;
            width: 48px;
            float: none;
        }
        #zjzl
        {
            width: 140px;
            height: 22px;
        }
        a
        {
            font-size: 12px;
        }
        .c1
        {
            border: 1px solid #00FFFF;
            padding: 0px;
            width: 80px;
            height: 20px;
            margin-left: 424px;
            margin-top: 50px;
            font-size: 14px;
            background-color: #FFFFFF;
        }
    </style>
</head>
<body>
  <form id="form1" runat="server">
    &nbsp;<input  type="button" class="c1" value="用户注册" onclick="return button_onclick()" />
    <div id="div0">
        <fieldset >           
            <br />
            <label for="name01" class="juli">用户名:</label>
            <input type="text" id="name01" />
            <br />
            <br />
            <label for="pass01" class="juli">密码:</label>
            <input type="password" id="pass01" />
            <br />
            <br />
            <label for="pass02" class="juli"> 确认密码:</label>
            <input type="password" id="pass02" />
            <br />
            <br />
            <label for="zjzl" class="juli">密码保护问题:</label>
                 <select id="zjzl" onclick="return zjzl_onclick()">
                    <option id="zjzl1">请选择密码提示问题</option>
                    <option id="zjzl2">问题一</option>
                 </select>
            <br />
            <br />
            <label for="zjhm" class="juli">密码保护问题的答案:</label>
            <input type="text" id="zjhm" />
            <br />
            <br />
            <label class="juli">性别:</label>
            <input type="radio" name="dx" value="单选" id="dx_0" />
            <label for="dx_0">男</label>
            <input type="radio" name="dx" value="单选" id="dx_1" />       
            <label for="dx_1">女</label>
            <br />
            <br />
            <label class="juli"> 同意服务条款:</label>
            <input type="checkbox" name="vehicle" value="Bike" /><a href="#">查看服务条款?</a>
            <br />
            <br />
            <input type="button" id="button" value="提 交"  /></fieldset>    
    </div>
    </form>
</body>
</html>

小Tips:

如何给前端页面添加样式:

点击设计 — > 选择格式  — 》新建样式

C#实现简单网页

(3)简单表单设计

实现如下界面;

C#实现简单网页

 

ThisPage.aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!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>
</head>
<body>
    <form id="form1" runat="server">
    <div id="div0">
       <fieldset>
           <legend>填写信息</legend>
           <br />
           <label for="name01">用户名:</label>
           <input type="text" id="name01" />
           <br /><br />
           <label for="pass01">密码:</label>
           <input type="password" id="pass01" />
           <br /><br />
           <label for="pass02">确认密码:</label>
           <input type="password" id="pass02" />
           <br /><br />
           <label for="sfz">证件种类:</label>
           <select id="sfz">
              <option id="sfz1">身份证</option>
              <option id="sfz2">学生证</option>
           </select>
           <label for="number">证件号码:</label>
           <input type="text" id="number" />
           <br /><br />
           <label for="tel">联系方式:</label>
           <input type="radio" name="dx" value="单选" id="dx_0" />
           <label for="dx_0">手机</label>
           <input type="radio" name="dx" value="单选" id="dx_1" />
           <label for="dx_1">座机</label>
           <input type="text" id="tel" />
           <br /><br />
           <input type="button" id="button" value="确定" />
       </fieldset>

    </div>
    </form>
</body>
</html>

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/182461.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • mysql er图 属性 联系_数据库er图 联系属性

    mysql er图 属性 联系_数据库er图 联系属性{“moduleinfo”:{“card_count”:[{“count_phone”:1,”count”:1}],”search_count”:[{“count_phone”:4,”count”:4}]},”card”:[{“des”:”阿里云数据库专家保驾护航,为用户的数据库应用系统进行性能和风险评估,参与配合进行数据压测演练,提供数据库优化方面专业建议,在业务高峰期与用户共同保障数据库系统平…

  • 银行机构代码_工商银行怎么查12位行号

    银行机构代码_工商银行怎么查12位行号因为做到绑定银行卡的时候,需要定义一下银行卡的代号。  找了一下这方面的资源: 银行机构代码  央行颁发支付系统银行行别、行号业务标准,支付系统银行行别代码采取类别编码方法,实行3位定长数字,由类别代码和顺序编码组成。其中第一位为类别代码,用于区分不同种类的银行机构,便于金融统计数据的提取;第二、三位为顺序编码,用于标识每一家银行机构。  银行行别代码结构:  一、类别代码…

    2022年10月24日
  • 电子商务系统开发(笔记一)[通俗易懂]

    电子商务系统开发(笔记一)[通俗易懂]第一章 ASP.NET概述1.www的基础知识 1.1 计算机网络 ①地理位置不同的 ②具有独立功能的 ③多台计算机及其外部设备 ④通过通信线路连接起来 ⑤在 网络操作系统,网络管理软件及网络通信协议的管理和协调下 ⑥实现资源共享和信息传递的计算机系统 1.2 …

  • mysql decimal类型排序「建议收藏」

    mysql decimal类型排序「建议收藏」mysqldecimal类型排序decimal类型是按照字典序排序!decimal类型是按照字典序排序!

  • bp神经网络应用实例(简述bp神经网络)

    原理clear;clc;TestSamNum=20;%学习样本数量ForcastSamNum=2;%预测样本数量HiddenUnitNum=8;%隐含层InDim=3;%输入层OutDim=2;…

  • 蒙特卡洛树搜索 MCTS 入门[通俗易懂]

    蒙特卡洛树搜索 MCTS 入门[通俗易懂]引言  你如果是第一次听到蒙特卡洛,可能会认为这是一个人名。那么你就大错特错,蒙特卡洛不是一个人名,而是一个地方,还一个赌场名!!!但是这不是我们的重点。  我们今天的主题就是入门蒙特卡洛树搜索,这个算法我个人觉得非常神奇也非常有意思。因为前几年AlphaGo就是借助蒙塔卡洛树搜索以及基于深度学习的的策略价值网络击败了人类冠军,赢得了胜利。而今天我们的主角就是蒙特卡洛树搜索它究竟是怎么实现的?它的原理?以及会举出一个例子来告诉大家整个算法的工作流程。一、什么是MCTS?  蒙特卡洛树搜索是一

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号