什么是HTML控件?

asp.net控件是服务端控件

响应服务端事件

HTML控件是客户端控件

响应客户端事件

如果你对服务端/客户端不明白的话先去了解一下

简单来说

HTML客户端的事件是不会提交给服务端的

比如说点击一个按钮 改变文字的颜色

只是针对用户机器本身的 不会发送数据包给远程的服务器

而asp.net按钮点击后

将会以post或者get形式发送给服务器

进行数据库 *** 作等等 页面提交后将会刷新

但是ajax技术可以使客户端控件发送请求给webservice

具体的用法

如果强调客户端的 应用

用客户端控件更能使用户感觉到方便

不用刷新页面

而需要数据库等 *** 作时 肯定要用服务端控件

但是没有绝对的

将插件下载下来后，你可以在页面里直接引入插件，比如：

<link href="插件css"/>

<script src="插件js"></script>

2. 也可以用node包去安装，然后用import 去引用

比如在vue里引入引入swiper:

安装：npm install vue-awesome-swiper --save

在main.js里全局注册：

Vue.use(VueAwesomeSwiper)

引入其css:

require('swiper/dist/css/swiper.css')

在模板里引入js：

import { swiper, swiperSlide } from 'vue-awesome-swiper'

在模板里注册组件：

components: {

swiper,

swiperSlide

}

表单中新增的控件(type属性)

email: 提交表单时检测值是否是一个电子邮件格式

url: 提交表单时检测值是否是一个url格式

date: 年-月-日格式的控件

time: 时:分格式的控件

datetime: 年-月-日 时:分 格式的控件（UTC时间）

datetime-local: 年-月-日 时:分 格式的控件（本地时间）

month: 年-月格式的控件

week: 年-周数格式的控件

number: 数字输入框

<input type="number" name="" id="" value="60" max="100" min="0" />

range: 选择区域

<input type="range" name="" id="" value="60" max="100" min="0" />

tel: 电话输入框

search: 用于搜索

color: 调用系统选色器

新增控件属性：

placeholder: 占位符，输入框提示信息

<input type="text" autofocus placeholder=''/>

required: 该input为必填项

autofocus: 在页面加载时，域自动地获得焦点

autocomplete="off/on":可以记录输入信息

必须有name属性 必须提交过

off==>关闭 on==>打开

<input type="tel" name="user" id="" value="" autocomplete="on"/>

pattern: 正则验证

<input type="tel" pattern="[0-9]{7,12}"/>

min/max: input能输入的最小/最大字节的长度

step: 针对number和range类型，每次递增step的值

list: 指定一个datalist，作为下拉提示单

---