87.尚硅谷_HTML&CSS基础_表单项二.avi原创

接着来说这个北南巷啊，咱们把这些给他说完了，然后一块儿给你们时间去去找啊，嗯，刚才我们说这么几个啊，其实也讲的都都是一些这个常用的啊，什么用户名啊，密码啊，单选啊，多选呀，先拉列表都是一些常用的，然后我们想想常用的里边我们还差什么东西。诶，那有的时候最后可能我需要写什么呀，写这么一个东西，写一个什么呀，写一个自我介绍，哎，对这东西会会写吧，那自我介绍我怎么写，自我介绍我一想我来一个什么呀，我来一个音input的吧，来一个type，来一个TS这玩意行不行，其实也也可以，但是太抠了是吧，你写再多它也就一行是吧，那你写再多它有一行，因为什么呀，我们这个text它叫一个什么呀，叫做一个单行文本花，它只能写什么呀，只能写一行，哎写多行的时候就不行了，那我们希望什么呀？那我们这种自我介绍，我们希望是一个什么呀？是一个文本域吧，哎，文本域或者叫是一个什么呀，叫一个多行的一个文本块，那我们来说怎么创建使用什么呢？叫做一个tax AA error a。

啊，这玩意AA想不起来了，写一下吧，Tax一个error area啊tax AA我靠说对了是吧，少写A是吧？诶tax area叫什么呀？创建一个叫什么呀？诶多行文本框或者叫什么呀，叫做文本文本域啊文本域居的域保存，我们直接来看效果啊，易刷新诶是不是出来这么一个东西啊哎，这里边可以写什么呀？哎可以写它可以特点就什么呀，可以换行，而且写多了以后它可以干嘛呀？哎是不是出现滚动条啊，而且它这还有一个什么呀，你可以去改变它的一个大小啊，可以去改变它的一个大小，这是我么一个多行文本域啊多行本域可以写多行，同样呢，它这里边也需要写一个什么呀，写一个name啊name比如说就来什么呀，来一个这个in份，或者一保存一刷新啊，也可以去写一个name啊，当然我写完这个信息呢，我一点注册。

数也在这呢，哎，In for等于什么什么玩意儿啊，也会在这去提交啊，这叫一个多行公本域啊，可以写多行，但是这块呢，我们有同学说了，老师我觉得这个东西有点。有点小，我想它宽一点，或者说有点有有点矮，我想想它高一点，我是不是想调整它个大小啊，它是大小最直接的办法还是用我们那个CSSY，还有那个he啊，Wise还有he，这是我们这个test error，我们这个多行文本域啊，多行文本域或者叫文本域就行了啊叫文本域行好那这个呢，就是我们一些这种常用的表现项啊，常用的表现项，那接下来呢，我们再来说的问题就是还有一些什么呀，哎，那我们来看一下，那现在看我们这按钮type叫做一个sub submit啊除了这个按钮了吗？还有一个按钮直接写了来一个这个input，我们来一个type叫做一什么呢？叫做一个re reet reet，一看名就知道什么意思了，是不是重置啊，诶重置来一刷新，现在是不是多了一重置按钮啊哎，那重置这有啥用啊，来看着啊，贴点东西，123123，我选个男，我选个足球篮球，把羽毛球给他勾住，我选一个什么的，选一个范冰冰，这不要写一个我是不是有值了呀，填完了以后发现干嘛了呀。

发现填错了，而且都错了，我得重新填吧，那你要没有重置的话，你得干嘛呀，是不是一个个我得删了呀，诶但会我一点重置走，你是不是全都回到了一个什么呀，默认值吧，哎，默认值啊，默认值叫做一个重置按钮，诶可以干嘛呢？可以创建一个这个重置按钮，诶点击我们这个重置按钮以后什么呀，表单中的这个内容将会什么呢？将会恢复为什么呀？诶默认默认值啊，将会恢复为一个默认值，叫做一个re啊除了这个呢，我们接下来往下说，还有一个也是一个这个input input type叫叫做什么呢？叫做一个button啊就叫button button什么意思，按钮，诶按钮来使用我们这个。

Input啊，我这么写了input的这个type什么呢？Input的type等于button，诶可以干嘛呢？可以用来创建一个这个单纯的按钮，什么叫单纯的按钮呢？我们来看什么，我们来，我们先看效果吧，我这一刷新来处理按钮是吧？它没字是吧？他们可以给他写个字啊，我们说它很单纯，什么都没有，歪了就来一个按钮保存一刷新说这么一个按钮啊，诶这按钮有多单纯呢？点点点点有用吗？没有任何反应吧，哎，点半天它一点反应也没有，那什么叫单纯大钮啊，哎，它唯一的一个功能就是被别人点啊，这个按钮没有什么呀，没有任何功能啊，没有任何功能只能什么呀，只能被被点击啊，只能被点击，它的唯一的一个作用就是干嘛呀，就是点啊，就是点，那我们说这玩意儿点它有啥用是吧，我也不愿意点它是吧，鼠标还坏了是吧，那这玩意干嘛用。

哎呀，注意了，这种东西，尤其是这种单纯按钮，它的功能是嘛呀，是无限的啊，他就让让让你点那以后干嘛呀，我可以通过GS，哎，我给它绑定一个什么呀，诶事件，我绑定一个响应函数，当然我一点这按钮以后，是不是可以调用我们的一个一段GS代码啊，诶接代码啊，所以这种按钮我们一般都是结合什么呀，GS一起用的啊，结合GS一起用的，通过我们这个GS加vascript来给它扩展功能啊扩展功能好，这是我们说一个按钮三个按钮submit re button，那我们来说除了这种方式呢，除了使用input也可以干嘛呢？除了使用我们这个input也可以什么呢？也可以使用我们这个button标签来干嘛呢？来创建按钮啊，也可以使用button标签，其实他们都很像啊，很像，我这来一个换行，直接来一个BT就是什么呀，Button标签我来写一个。

再来一个什么呀，提交保存我们来看效果啊，一刷新是不是多按钮啊，提交提交是不是就是我两个标签里边写的文字啊，哎，写的文字来看着我一点走，你是不是也提交啊，诶所以这个按钮是不是相当于我们那个submit呀，哎，Submit，而且它这里边也可以使用，也可以写什么呀，也可以写tab叫一个什么呀，Sub me你也可以接着写，还有什么呀，重置这来什么呢？来一个这个re，你也可以写什么呀，写一个按钮我来什么呢？来一个BTT，我保存一刷新走，你是不是也这么一个按钮啊，我们来看重置一点是不是也没了呀？诶这按钮我一点是不是什么功能也没有啊，还有什么也没功能也没有啊，所以这三个button跟上边这三个button是什么呀？

是一样的啊，功能都是什么呀，一样的，只不过什么呀，只不过创建方式不同，上面这八使用的什么呀，Input，而且是一个什么呀，是一个字结束标签，而我们这个but是一个什么呀。是个成对出现的吧，哎，是个成对出现的，我们是在什么呀？在按钮中间，这个标签中间是不是指定这个文字呀？哎，这个文字啊，就这么一个区别，其他的干嘛呀都一样，但是这种方式呢，我们更推荐大家使用一点，因为这种方式干嘛呀，它更加的灵活，为什么呀，它有开始是不是有结束啊，诶你想想我可以干嘛呀，我可以在两个标签之间放一个什么呀，放个图片，那这样我图片是不是变成按钮了，哎，我通过点这个图片就可以触发这个sum了吧？哎，所以这个呢，更加的什么呀，灵活啊，更加灵活sum me表示一什么呀，P按钮，Reet表示一个呀，重置按钮，Button就是什么呀，单纯的一个按钮啊，单纯按钮，好我们来说啊，这种方式和什么呢？和使用我们这个音input的什么呀，诶类似啊类似，只不过什么呢？诶只不过由于它是什么呀，它是成对出现的这个标签干嘛呢？诶使用起来。

更加的什么呀，灵活一些啊，更加的灵活一些啊，这是我们说这么几个按钮啊，Button还有这个萨米好，那这里边大体上呢，我们就都给他说完了，然后还有两个呃，重要性不是那么高的，给他补充一下啊，补充一下来看这儿了，还回过头来看我们这里边，诶你看我这是用户名对吧，用户名，这个用户名是一个什么呀，是一个提示。提示文字对吧？诶提示文字，那这里边我们来看一下，那用户名是提示文字，我们发现这用户名我是不是单独的放在外头了，诶放在外头了，那现在我们来看啊，诶我还可以干嘛呢？在这个HTML里专门给我们提供了一个标签，在我们这个HTML中，哎还为我们提供了一个标签，哎提供了一个这个标签专门用来嘛的呢，专门用来选中我们这什么呀，诶表单中的这个什么呀，提示文字的啊，比如说我们这个用户名是不是就一个表态的提示文字啊，哎，那这个标签叫什么呢？我们可以用这么一个标签来一个LA label什么意思呀？诶label就是什么呀，提示就是标签的意思是吧？诶，Label标签，诶那我们来看看干嘛呢？我就可以将这个用户名放到这个什么呀，Label里，然后label里我们来看有什么效果，一保存，其实。

是吗？没区别是吧？哎，没区别，那为什么要放里边啊，哎，那么说了，放里边以后，我们是不是可以通过label选中这个用户名，是不是给它这个文字设置一个样式啊，诶样式啊，我们可以把这个表单的提示文字呢，都放到这个什么呀，Label里啊，放在这个label里，那除了这个作用，它还有一个什么作用呢？还有一个作用啊，Label里边一个属性叫一什么呢？叫做一个for啊该标签中的什么呀？诶该标签可以什么呢？可以指定一个这个负属性啊负属性什么呢？该属性需要什么呢？需要指定一个什么呢？该属性值啊，该属性的值需要指定什么呢？指定一个表单项的一个什么呀？ID值啊，ID值，比如说啊，我们来给这个input加一个ID，加ID等于什么。

那等于一个um随便写一个u name，然后这个for我就可以写什么呢？写for um，那这表示什么意思呀，我这个用户名他是为谁服务的呀，是不是为我下边这个input服务的呀？哎，那就体现出什么呀，体现出他们两个事儿一组的了，诶那同学说了，写这么写有什么用啊，其实没啥大用，但是有点小用啊，有点小用我们来看什么小用，我这一刷新，现在我们先拿这个密码框举例子，密码框我这没有加level啊，诶没有加level，但是你看看啊，我一点这儿，我这光标是不是进这里边少了，但是注意我如果点的是密码这两个字，光标进不进去是不进不进去啊，哎，不进去，但是注意，而我这个用户名这我是不是加了一个label啊，你看你看我光标在密码还有用户名这儿。

它是不都不一样啊，密码是变成这个选选择这个了，而用户名这我是不是还是鼠标呢？哎，你看着啊，我这一点用户名这仨字走，你干嘛了，光标是不是进去了，哎，光标进去了不用非得点这个框了吧，而我密码没有写label，我是不还得去选这个选这个框啊，哎选这个框啊，所以这个它是一个功能，那你如果需要给密码也设置上，你可以干嘛呀，你可以给密码也加一个这个label来，那这块改一什么呀，改一个呀，密码大家注意这个得是什么呀？诶另一个ID了，这来一个ID等于一个一个PWD，诶password ctrl z ctrl v，然后一刷新，现在改密码走，你是不是也能过来了啊，也能过来了啊，但是给这儿用的其实还不多，给谁用合适啊。

男女足球篮球羽毛球乒乓球，这用什么合适啊？举个例子啊，现在我点男走，你走，你能不能选中啊，不能选中，那这时候可以干嘛呢？诶男这加一个label，然后把这个字写成什么呀？写成这个男，哎然后呢，这给女也写一个这个label，把这个字换成一个女，当然这个ID我们得改一下，这来一个ID，我们叫一个male，哎，就叫ma，然后呢，For my这个ID叫一个什么呢？叫做一个非ma，这个ID就叫for female ma是不是都有一个label了，诶这个我们才看效果啊，一刷新点这个男哦就点字了，而不点这圈了，诶你看我一点都已经看出来是吧，当我放这它是变颜色了，诶是不是能选中了，包括女的是不是也是。

一个效果啊，诶一个效果啊，这是我们这个label可以用来选中这个表单里边那个文字啊文字好，那这个效果我们就不多说了啊，演示完了我就不再多用这个文字去描述了啊好，这是一个，然后呢，其实就没啥了，还有一个什么呢？还有一个是用于我们这个长表单的一个标签叫为什么呢？诶那我们来说，有的时候我们上网的时候干嘛呀，它会有一个特别特别长的一个表单，比如说你可能嗯，高考的时候可能那种填志愿那种表单是吧，填志愿表单那个表单里边填一堆信息是吧，什么你的基本信息呀，什么你的什么，反正各种各样的信息是吧，我也忘不了啥模样了，反正表单特别特别长是吧，哎，特别的长，那这一块特别长了以后，我们这个表单就需要干嘛呀，把一个大的表单拆成什么呀，几个部分，比如说第一部分是什么呀，个人信息对吧，第二部分可能是什么呢？是我一个什么呀，家庭信息，诶可能第三部还有什么呀，我这个学习的一些什么呀，记录是吧？诶哪年上学哪年如何如何是吧，可能还有。

什么一些什么受奖励的一些信息等等是吧，也就是说把我这个表单分成了什么几个部分啊，几个部分，那我们现在这个能不能体现出分成几部分啊，不能啊不能，那我们怎么体现出来呢？哎，我们有一个标签叫什么呢？叫做一个file的。Set啊，Fire set fire什么意思呀？哎，字段啊，选项的意思啊，Field你可以理解什么呢？理解成我们一个表单项就是一什么呀，就是一个field啊，一个表现项，就是一个file set呢，我们说了叫什么呀，集合啊，叫集合，我们来说在我们这个表单里干嘛呢？在我们这个表单中可以什么呢？可以使用我们这个file的set来干嘛呢？来为我们这个表单项进行分组，诶有点像什么呀，我们是不是能给这个用这个OPT group为我们这个option型分组啊，哎，和那个东西干嘛呀，有点像，我们可以干嘛什么，可以将我们这个表单项中的什么呀同一组，哎，放到一个这个file的S中。

Field啊，File的这个set，那比如说来举个例子，比如说啊，咱们就这样，我现在假设呢，我这个用户名啊和我这个密码是一组，那我干这么一件事干嘛呢？把用户名和密码统一放到一个file的S，来我这来缩进一下，那现在表示什么了，现在是不表示我用户名密码是一组了，哎，来我们来看效果啊，这一刷新走你干嘛了？哎，你看我用户名密码外边是不是单独有一块啊，哎，单独有一个框，那比如说我再分个组干嘛呢？我把这个性别呀和这个爱好分成一组，我再来一个这个file site啊，我先不管它，然后呢，我把这一堆给它放进去。

I号就放到I号这吧，保存一刷新走，你这时候分成两组啊，哎，一个夸就代表什么呀，代表一组啊，可以通过它来为我们这个表单进行分组，诶那这分组有啥用呢？那我们来看一下啊，那不光能分组，还可以干嘛呢？还可以指定我们这个组名，它这个主标条叫什么呢？叫做一个。Legend啊legend我们来说一下，在我们这个哎file的set中，哎，可以使用我们这个led的子标签来干嘛呢？来诶指定我们这个组名，比如说这我给他指一个名叫什么呢？叫做我们这个用户信息，然后说下边我们来写一个，写一个我们什么呀，在这儿写一个用户的一个什么呀，爱好，我这一保存，咱们来看效果，一刷新是不是就有字了，哎表示什么呀，表示这一组是我们用户的一个个人信息，而这一组是我们用户的一个什么呀，爱好，那通过这个我们是不是把可以把我们这个表单分成很多组啊，哎，分成很多组啊，这是我们这个file set作用啊，可以为我们这个表单项进行分组啊，进行分组好，那这个呢，是我们说的这么几个标签啊，咱们就给他说完了，其实常用的还是刚才我们说那几个什么文本呀，密码呀，单选。

特选呀，贴按钮啊，那几个按钮等等的，其他的其实用的相对来说没有那么多，所以这个东西呢，我们暂时其实呢，近期是用不上啊，近期是用不上，这东西什么时候用呢？等我们学什么呀，服务器的时候会用的比较多啊，所以现在大部分内容都需要你会一个什么呀，混个脸熟，到时候真正用的时候，你能给他想起来啊，能能想起来，那如果以后你其实你不写服务器，可能往往你可能这东西干嘛呀，你就不用，可能就把这东西写出来给谁用啊，给我们这个后台用啊，给我们这后台用啊，好这块来。