为HTML对象创建一个类_Html_Class_Object_Asp.net Mvc 5_Html Input

为HTML对象创建一个类

html class object asp.net-mvc-5

为HTML对象创建一个类,html,class,object,asp.net-mvc-5,html-input,Html,Class,Object,Asp.net Mvc 5,Html Input,我正在编写一个MVC5 internet应用程序，希望为HTML对象创建一个class。我的意思是，我希望执行与下面相同的操作，其中我创建了名为“表单控件”的对象：我已经创建了所有的对象，带有嵌套类，但不确定如何将它们组合成一个可以在HTML页面中使用的类这是我的密码： <head> <link href="~/Content/inputSpinner.css" rel="stylesheet" type="text" /> <link hr

我正在编写一个MVC5 internet应用程序，希望为

HTML

对象创建一个

class

。我的意思是，我希望执行与下面相同的操作，其中我创建了名为

“表单控件”

的对象：

我已经创建了所有的对象，带有嵌套类，但不确定如何将它们组合成一个可以在HTML页面中使用的类

这是我的密码：

<head>
    <link href="~/Content/inputSpinner.css" rel="stylesheet" type="text" />
    <link href="~/Content/font-awesome.min.css" rel="stylesheet" type="text" />
</head>

<div class="container">
    <div class="page-header"><h1>Bootstrap 3 input-spinner</h1></div>
    <div class="input-group spinner">
        <input type="text" class="form-control" value="42">
        <div class="input-group-btn-vertical">
            <button class="btn btn-default"><i class="fa fa-caret-up"></i></button>
            <button class="btn btn-default"><i class="fa fa-caret-down"></i></button>
        </div>
    </div>
</div>

@section Scripts{
    <script src="~/Scripts/inputSpinner.js"></script>
}


自举3输入微调器
@节脚本{
}

我能帮点忙吗

提前谢谢

编辑

基本上，我想知道我是否可以将所有

div类

和

输入类型

行代码简化为一个类。

我真的被弄糊涂了，实际上，你说的是类、对象等。但据我所知，HTML标记中的类指的是css类。您在这里尝试的到底是什么？您可以看看我的编辑吗？您是否尝试使用

类

，

对象

等从服务器端输出

HTML

标记？如果是这样的话，你就抛弃了保持关注点分离的整个

MVC

概念。你是在谈论创建自定义控件/用户控件吗？（asp.net）使用这些选项可以覆盖渲染方法以显示所需内容。（render（）或beforeRender（），在asp.net中有一段时间没有完成）我认为您对html中的类和c#中的类感到困惑。

<head>
    <link href="~/Content/inputSpinner.css" rel="stylesheet" type="text" />
    <link href="~/Content/font-awesome.min.css" rel="stylesheet" type="text" />
</head>

<div class="container">
    <div class="page-header"><h1>Bootstrap 3 input-spinner</h1></div>
    <div class="input-group spinner">
        <input type="text" class="form-control" value="42">
        <div class="input-group-btn-vertical">
            <button class="btn btn-default"><i class="fa fa-caret-up"></i></button>
            <button class="btn btn-default"><i class="fa fa-caret-down"></i></button>
        </div>
    </div>
</div>

@section Scripts{
    <script src="~/Scripts/inputSpinner.js"></script>
}