html如何实现表单按钮功能

好的，大家，那么接下来咱们继续往下说我们的空间啊，再说两个，嗯，叫什么呢？叫做一个叫做单选框啊，先来一个叫单 单选框，那么单选框呢？依然叫音铺特音铺的呢，叫做 radio， 就是单选框，比如说在什么情况下用单选框呢？叫做性别，嗯， 性别选择的时候是不是需要单选框啊？男或者女啊？比如说来个男啊，然后呢，再来一个音铺的 tep 之为 radio， 然后再来一个叫做女啊，好，那么这个时候呢，我们说了，习惯上是不是得有内幕啊？ 这样的话，后台才是不是可以接收到他的值啊？那这时呢，我们搞一个内幕，比如说他的内幕呢？假如说，我们先来个真的一啊，先起个 不一样的名字啊，大家注意看啊，然后再来个真的二啊，比如说内幕呢，就是为了人家后端方便我起的名字不一样，试一下效果看看行不行，一直行。然后呢，呃，应该后边有个俩 br 才好啊，就好看一点把，这个两个 br 呢靠背个。嗯， 执行一下， ok， 那这时呢，我们输入用户名，然后密码一二三一二三，然后开始选性别，对吧？哎，我选个男，哎，没问题，我再选女， 这坏了，那到底这是男还是女啊？是吧？哎，发现这个单选按钮他没有声效，对不对？单选是不是只能选一个呀？单选，单选，只能选一个，听懂吧。哎，那么此时啊， 为什么会发生这个问题呢？单选框啊，有一个注意事项，写下边也行。单选框有个什么注意事项呢？ 就是同组单选框按钮的内幕值必须是相同的，那么单选按钮才能省效。说注意， 一定要注意说同组单选按钮的内幕属性值必须相同，那么单选按钮功能才 可以生效，听懂吧？所以说既然这一对单选按钮他们是属于同一组的，所以说他们的内幕属性值必须相同，单选按钮才能生效，听懂吧，那这时一执行啊，再选男女，男男女 是不生效了呀。哎，那这时呢，我们输入一下，比如说选择女，然后来个提交，大家注意看这啊啊， 右侧内幕，怕坐我没填啊，暂时没填，不用管，看这个真的真的的值为昂， 注意看真的提交上去的职位昂，那这时，那不把后端给搞蒙圈才怪，对吧？那后端一看，哎呀，真的的直是昂昂是男还是女啊？那可能，那假如说大家说，啊，那昂昂算是女吧，那我再来个选个男，一提交又是个昂， 看懂吧。哎，那么在这种情况下怎么办呢？那么就涉及到另外一个属性，叫做歪流属性，歪流属性呢，是用于设置对应空间的直，比如说难，对吧，哎，叫 miler， 然后， 呃，没有啊，女呢，叫 female f e m a l ok， 那这样的话呢，得有一个值，利用歪流属性设置对应空间的值， 写上歪六属性啊，设置啊，空间的值，或者是空间需要提交的值，好吧，那这一次呢，再试一下，比如说用户名，哎的密，密码一二三一二三，选择女啊， female 搞定，看了吧。哎，那这就是歪溜属性值，那么此时大家需要注意这个歪溜属性啊，实际上每一个空间都有啊，只不过这个更需要，那你比如说用户名这里，你搞一个歪溜行不行呢？没问题，对吧？比如说写个叫请输入，用 用户名也是可以的，一选一执行是不是也行啊？也就是说那你设置了歪柳，说白了那你他有个默认值，你可以输入用户自己的值，如果没有自己的值，是不是也可以有个默认值啊？哎，那这时呢，再选，再 提交，是不是提交的还是你输入的值啊？那如果你不不输入他也有个默认的值，对吧？哎，那这就是歪柳属性 好，那么单选按钮就此结束，那么还有什么呢？还有叫复选框，复选框或者叫多选按钮也是可以的，听懂吧， 比如说复选框的话写点啥呢？写你喜欢的老师对吧？比如说你喜欢的老师，然后呢，依然是 input 复选框呢？ type 的直为拆个 box 啊， 注意大家啊，我这几个太婆的可选值呢，我就不给他写到上面这来了，因为上面这写的太多，大家也乱，大家就看这就行了啊。文本框哦，太婆的值为太子。我们首先知道了太婆是什么指定空间类型的啊，然后你在这里看 啊， type 的之为 text 的那文本框啊，帕子沃的密码框笔记看这个地方啊，配合着看听懂吧，要是都写上面呢，大家该乱套了啊。 好，那么呢副选框跟单选框有一个相同的特性，那就是同组副选框内幕的值是不得一样啊，哎，这样的话呢，才能有效根据单选框得到的经验对不对？那么内幕的值呢？呃，老师，比如说提车吧，提车， 然后呢？那当然根据单选框的经验歪溜是不是也得要啊啊，比如说来个李老师啊，叫李老师， 然后呢，我再来一个，再来一个啊，比如说拆个 boss teacher， 这个呢？来一个叫童老师，这个叫童童老师。 然后呢，再来一个叫苍老师啊，好，再来一个叫苍老师， ok， 然后搞俩 br 搞两边。那这时一直行啊，那这就是副选框，那我们选选选，对吧？一提交，我们选了几个？李老师，童老师，苍老师，是不是都选中了呀？哎，那这就是副选框，单选框，副选框， 这还可以，对吧？比如说，那我现在不喜欢童老师，对吧？只喜欢李老师和苍老师，一提交，那就是李老师，苍老师， 好吧，那么现在呢？还有一点小小的，对吧？比如说，现在呢，我一打开页面，他是默认看，全都是不选中的状态， 比如说，我就想默认喜欢李老师，默认喜欢苍老师，我想让他俩默认被选中 啊，那这时又需要一个新的属性，这个属性呢，就叫 tag， 这是 e c k tag 的 tag 的属性呢？嗯， 属性呢，它是用于设置默认选中状态啊，设置设置默认选中状态的。然后呢，只有单选框和副选框，是不是可以使用啊？单选框和副选框使用啊， 其他的就没有必要了。那怎么设置呢？那就是 check 的，只等于 check， 拆开它等于拆开它就是默认选中状态， ok 吧？那比如说默认喜欢李老师，那就拆开它等于拆开它等于拆开它。之前是不是讲音视频的时候跟大家说过了呀，如果属性名和属性值是一样的时候，我们其 其实可以把属性值等号、属性值省略部写的啊，比如说默认呢？我就喜欢苍老师啊，那就直接一个拆，看看好使不好使，一执行看默认喜欢李老师和苍老师，对吧？ 那比如说单选按钮是不是也一样啊？比如说默认呢？为女吧。那就来个 that 或者 that 等于 that 也可以 执行啊。那默认美女好吧？好的，那么以上呢，就是单选框和副选框好吧？

本章节来学习一下其他输入框控件，密码输入框标签名称还是 input tip， 属性值等于 password。 跟文本输入框不同的是，密码输入框里显示的不是文本，而是小黑点，我们来演示一下， 保存刷新看一下效果。这就是密码输入框啊，我来输入点内容就可以看到有点问题，这里面应该显示小黑点的，怎么明文显示了呢？好吧，原来是我把太普属性写错了，少写两个哦。重新刷新一下，再来输入看一下， 这下显示就正确了。这就是密码输入框啊，其他属性跟文本输入框一样的，这里就不一一掩饰。 是啦， 接下来我们来看一下颜色选择组件，这个组件就是选择颜色的，我们来演示一下吧。还是 input 标签，我们把 type 的值填成 color， 就是颜色选择器啦。好的，保存刷新一下， 点开这个黑色块，就可以自己选择喜欢的颜色啦，当然也可以设置一个默认颜色，颜色的设置前面也讲到了这里，我就设置一个一二三四五六吧，看下是个什么颜色。 好的，这就是颜色选择组建了。接下来是一没有邮件组建，这个看起来跟文本输入组建没什么不同，他们不同的地方在于向后台提交数据之前的较艳上，这里暂时还用不上， 就先不做讲解了，简单的演示一下吧。 接下来是 u 二二，网络地址组件跟邮件组件一样的，只是这里填网络地址，而邮件组件里则填的是邮件地址，这里简单的演示一下吧。

表单是用户输入信息与网页互动的一种形式，比如页面的登录、留言等，需要用户输入信息。通常他会由多个小部件组成，比如输入框、选择框、按钮 放标签，第一个表单，所有表单内容放到这个标签之中。 name 属性是标签的名字，他应该是网页中唯一的 x 属性是接收信息的 url 地址，告诉浏览器输入的信息要发送到哪里去。 master 的属性是提交数据的 http， 方法有 post 和 get。 input 是输入框，输入的文字只会显示在一行，所以经常在输入信息少的时候使用它的属性。 type 可以指定输入框的类型，默认是文本类型。 type 等于 text， 它能输入文字、数字以及特殊字符属性。 place holder， 当没有输入的时候显示文本 等于 number 是输入数字类型，只能输入数字 等于 possword 是密码类型，输入的文字会显示成星号或者点。 tf 等于 vdo 是单选， type 等于 check。 box 是多选 type 等于 button 是普通按钮。 tap 等于 sub。 me 也是按钮，但是它会提交。表单 等于 email 是一个只能输入电子邮箱的输入框。表单提交之前会自动验证是否正确的邮箱格式，如果不正确就会显示提示，并 且无法提交到服务器。 text rare 是个多行输入框，可以输入换行，需要输入很多文字的时候会使用它。 属性 cos 是指定输入框的宽度，单位为字符。 rose 是指定输入框的高度，单位为行。 巴城 标签是一个按钮， select 是一个下拉框，下拉框的选项由 option 标签组成。 表单的提交方式， get 和 post 的区别 get 方式提交表单的时候，输入的信息会附在 url 中，用户可以看见 post 提交的信息，在 url 中看不见。

大家好，我是哆啦 a 梦，这节课我们来说一下 active x 空间啊，之前我们说的呢是表单空间，我们说了表单空间里面的按钮，其实我们表单空间下面还有一个 active x 空间，这里面也是有同样的一些功能啊，但是 这个 x 九 x 空间它会比表单空间功能更丰富，更强大，所以我们尽量的去学习使用 x 九 x 空间啊，比如说为什么说它更强大呢？我们在这里，我们在这里做一个 x 九 x 的这个命令按钮，这个按钮呢它就 更高级，为什么说更高级？我们来看一下，我们右键点击他，我们注意在右键点击他之前，我们一定要把这个设计模式给打开啊，如果我们不打开设计模式，我们右键他是没有反应的，他和那个表单不一样，我们要点这个设计模式，然后我们就可以右 键就可以去看到，我们可以看到他有属性，还有查看代码，我们点开他的属性，可以看到这里，我们可以把他的名字改掉，大家要注意这个名字和底下的 caption 是不一样的， caption 是他这个字上面的名字，我们可以给他随便起名字， 我们可以看我们打 aa， 它上面的字会变成 aa， 这个 cap 显示这个地方是改它这上面的字的，这个名称是它真正的名称啊，比如说我们把这，比如说我们把它真正的名称给改成 按钮，按钮一，真正的名称就叫按钮一啊，它上面的字写的是这个开不选这个属性是 a a a， 然后这个 x to x 空间它是不直接关联红的，它有自己的代码，比如说我们看这里有一段查看代码，我们点击之后它会自己跳到 vba 的这个界面，然后我们可以看到这个这个代码他是在哪个地方？他是在我们的这个系统六这里，因为我本身这个按钮呢是放在了系统六这个工作表里的，所以他的这个子过程也会放到这个系统六这里。 同时我们注意这个过程叫做什么？叫做按钮一底下是一个下滑线，后面是 connect， connect 是什么意思呢？ connect 就是我们电脑鼠标的 一次点击啊，你也可以说叫单击啊，什么意思？就是我们点击一下这个 aaa， 他就会触发这里面的事件，比如说我们把这个里面代码写成 macgbox， 我们在里面输入， 你好啊，我们来把设计模式给关掉，我们一定要把设计模式给关掉才可以，我现在点是没有用的，把设计模式关 关掉之后，他就可以正常的，正常的执行这个，我们来点一下这个看，他就自动写出你好。然后我们为什么说这个功能是更强大的呢？因为 第一他可以自己写代码，第二他可以触发这种事件，什么叫事件呢？我们下一节课会详细的说啊，但这节课我们也可以和大家说一下， 我们可以看到这里这个地方他有一个 click， 就是表示单击了之后他执行的这段代码，我们可以给他添加别的，比如说这里有个 double click， 这个 double click 呢就是双击，双击之后执行什么， 比如说我们在这里可以输入你好啊，然后我们必须要把上面的这一段代码给删掉或者注射掉，因为我们如果两个单击和双击都存在 的话，我是不是双击到一半的时候他就执行了这个，所以就无法完成连贯的这个双击这个事件，所以我们把上面的这个单击给注视掉，然后我们再去执行。 看这样的话我双击他就会写显示你，好啊，这样我单击的时候他就没有反应，也就是说这个按钮控件他可以触发各种各样的事件。下一节课呢？我们会详细的说一下事件这个概念。