欢迎回来｡
我们将介绍一些更高级的标记, 除了我们目前介绍的标记之外,
您将使用的最重要的标记可能是创建表单所需的标记｡
如你所知, 当你访问网站时, 通常会有某种登录或注册表格｡
所以我们今天要把它建出来｡
首先, 我们在此处创建一个新文件｡
我们将保存它, 并在桌面上将其命名为已注册的HTML｡
很好, 我们知道我们需要一个HTML, 所以我们使用我们的小快捷方式, 我们将它命名为register, 保存.
现在, 在索引的HTML文件中, 添加另一个链接｡
证明人｡
登记注册｡
HTML.
我只会说, 这里, 注册｡
好吧, 我会的
我们保存这两个文件, 然后进行刷新｡
我们已经登记了｡
单击注册｡
我们还没什么进展, 但看起来很有效.
让我们把这个加到一条新线上, 因为这样看起来更漂亮｡
如果你还记得的话, 为了做到这一点, 我们将添加一个break标记｡
让我们刷新一下｡
你去那里｡
页面找不到了.
让我们来构建这个表单｡
如果我们进入注册点html｡
我们在HTML中编写表单的方式, 同时方便地有一个表单标记｡
好吧, 我会的
但是这个表单标签本身, 它需要有实际的表单在里面｡
那么, 我们有哪些表单元素？
好吧, 如果我们还记得我们的老朋友W3C, 让我们输入表单｡
我们可以看到这里有HTML表单｡
和刷新｡
我们会让它全屏显示
你可以看到这里有大量的信息, 但你现在可以自己查找｡
我将向您介绍最常见的, 可能是您90%的时间都会用到的｡
第一个表单是我们要输入姓名的表单, 我们现在转到该页面｡
那我们该怎么做呢？
我们有一个输入标记｡
它有一种文本类型, 因为我们的名字是文本形式的｡
我们可以把它关闭｡
这实际上是一个自我结束的标签｡
现在如果我保存并刷新, 这里有一个小框｡
希望你能看到｡
但是, 我们可能应该给它命名, 因为我们不知道这样输入什么｡
所以我们在这里输入名字｡
分号并保存｡
让我们刷新｡
我们有了名字, 现在让我们把它放大一点｡
你去那里｡
现在你可以在这里输入你的名字了｡
太棒了｡
好吧, 让我们再加一个姓｡
同样, 我们也有输入类型｡
这是一个属性和一个文本值｡
如果我们刷新, 我们有姓｡
好吧, 但看起来有点难看｡
请记住, HTML只是逐行读取, 并不真正知道我们需要一个空格｡
因此, 我们可以再次添加｡
在此处标记制动器并刷新｡
我们有名字和姓氏｡
好吧, 我会的
这已经很明显了.
我们还有什么？
换个形式？
我们有电子邮件｡
我们再添加一个字段, 即电子邮件, 然后再次输入, 输入呼叫､ 文本｡
我们将在这里添加另一个断点, 因为我们将需要该间距｡
让我们保存刷新｡
太棒了｡
好吧, 我会的
所以我们有我们的总登记表｡
显然, 对于任何表单, 我们都需要一些按钮, 比如我们需要将其提交到某个地方, 以便注册｡
同样, 有一个很好的输入类型｡
所以我们用输入代替文本输入｡
有一个提交类型｡
所以这个｡
如果我们在这里再加一个突破口｡
我保存它, 我刷新它有一个提交按钮｡
现在, 现在, 这是从哪里来的？
好吧, 当你把一个输入类型提交时, 它会自动创建一个按钮｡
如果你不指定要说什么, 它只会有这样的文本｡
但我们可以改变它, 这样我们就可以把价值｡
我们会放一个收银机｡
保存该刷新｡
我们现在有一个注册按钮｡
好吧, 我会的
但是如果我们在这个领域犯了错误呢？
我们写东西, 然后, 我们想重新设置这个, 还有另一个输入｡
你可以想象, 输入的类型被重置了｡
现在如果我们关闭这个广告, 这里的另一个中断, 实际上, 我们可以保持在同一行｡
我们保存刷新时间｡
我们已经重置了｡
所以如果我在这里输入任何东西, 假设我不想输入, 我不喜欢这样｡
我需要重新设置表单｡
我只需单击“重置”, 它就会为我们清除所有内容｡
好吧, 我会的
你可能会问自己什么？
单击“注册”会发生什么？
在开始之前, 我想先介绍一下所有常见的输入类型, 然后单击“registers”（注册）,
看看电子邮件会发生什么｡
首先, 我们希望它是必需的, 这样当你点击注册时, 如果你没有提供电子邮件,
它就不会让你注册｡
我们可以使用一个属性来实现这一点, 这是必需的｡
这里我们实际上不需要指定一个值, 因为它会自动假设required等于true, 这意味着这个表单字段是必需的｡
因此, 如果我说“刷新”并将其留空, 然后单击“注册”, 我会说“请填写此字段”｡
现在, 我们还要确保它是一个适当的电子邮件字段｡
因此, 如果我键入类似这样的内容, 我们仍要确保这是一封不正确的电子邮件｡
我们不想注册｡
所以我告诉你的电子邮件的文本输入类型实际上是错误的｡
我们可以使用一种特定的方式, 如你所能想象的, 那就是电子邮件｡
现在, 如果我刷新并输入非电子邮件的内容, 然后单击“register”（注册）｡
我会说, 请包括一个应用程序和电子邮件地址｡
很不错｡
就像魔法一样｡
它能帮你做到这一点, 这非常非常好｡
让我们扩展一下输入的知识, 并添加一些最可能需要的字段｡
通常想知道某人的生日｡
所以我们在这里加上生日｡
对于这个输入类型, 让我们输入｡
约会｡
所以如果我保存这个并刷新, 看看这个｡
我们有一个很好的小日期挑选器｡
所以我可以在这里挑任何东西｡
好吧, 我会的
我们还需要什么？
我们也需要性别｡
所以我们要输入｡
而对于性别｡
嗯, 没有特定的性别输入类型, 但有一种叫做无线电的东西｡
而radio顾名思义就是单选按钮｡
所以现在｡
我单击“刷新”, 我有一个单选按钮, 但理想情况下, 我们希望有选项, 对吗？
那我们该怎么做呢？
所以对于收音机, 我们还需要说它是男性还是女性, 让我们在性别之内｡
我们要在这条线上休息一下然后我们说｡
输入收音机, 我们就说邮件｡
而我们也要｡
女性｡
而我们也要｡
其他的｡
当我们刷新这个, 我们有男性, 女性和其他｡
但你看到了一个问题｡
我只是单击单选按钮, 但无法取消选择它们｡
理想情况下, 您只能选择一个｡
而现在, 单选按钮的方式, 他们不知道对方的存在｡
我们要确保他们知道他们是有联系的, 他们是一家人, 他们中只有一个可以选择｡
那我们该怎么做呢？
我们的方法是通过name属性｡
所以我们用性别来命名｡
这个名称属性需要与所有单选按钮匹配, 这样它们就知道它们是性别输入字段的一部分｡
所以如果我在这里保存并刷新｡
现在您可以看到, 我只能选择一个｡
好吧, 完美｡
我们还需要什么？
我真的很想知道你有没有养宠物｡
宠物也是如此｡
我们将有输入类型｡
好吧, 你可以有多个宠物, 所以它不会是单选按钮｡
我们想要复选框｡
所以选择我们希望它有猫或者让我们把猫和我们想有｡
今天可以打字了｡
复选框, 我们想有狗｡
所以我们还是保存吧｡
让我们刷新一下, 看看这个｡
我们有宠物, 但这次是复选框, 这意味着｡
我可以选择多个｡