带有下拉列表的表单
标题只能有30个字符，不能写完整。 其实昨晚我们要学的东西有三样html输入框样式，第一，下拉列表形式，第二，多行文本输入形式，第三，数据集形式。
让我们开始学习吧！
前天和今天，在《HTML表单元素初遇1——零基础自学网页制作》和《HTML表单元素入门2——零基础自学网页制作》中，我们基本上改变了不同的内容标签的type属性中的values除了讲解和练习之外，今天我们还要学习一下其间包含的其他元素。
带有下拉列表的表单
我们在一些网站填写注册信息时，经常会遇到选择“居住地”的操作，因为中国的地名是固定的，所以页面会给我们提供一个下拉列表选项，我们直接点击即可直接输入，不需要输入Texthtml输入框样式，这个操作的好处就是不会出现拼写错误。 例如：
为了编写这个功能，我们需要引入一组新的标签。 “选择”。 将其添加到此选项卡。 “选项”（选项）。 这样就可以编写一个带有下拉列表的表单了。 示例代码如下：
我们可以继续在今天的“form.html”文件中添加这段代码，在
在此代码之前！ 使用此图像提交按钮分享标签！
我们给多选表单添加一个名字，示例代码如下：
请选择省份下面我们添加不同的选项，示例代码如下：
请选择省份
河北
山东
河南
海南
江苏
安徽
为了规范起见，我们在表单信息中添加名称和值属性。 示例代码如下：
请选择省份
河北
山东
河南
海南
江苏
安徽
大家要注意一点，下拉列表形式中，name写的是
之后，使用标签。
让我们给这个多行输入框添加一些提示和限制。
首先，添加提示文本，就像type="text"的标签一样，使用placeholder属性。
其次，我们限制字数并使用 maxlength（最大宽度）属性。
第三，页面加载后，让光标直接停留在输入框中，使用autofocus属性。
我们来看看怎么写，示例代码如下：（别忘了写name属性！）
请简要描述您的剧本的情节
页面效果如下：
如果刷新页面无法正确显示，请尝试关闭并重新打开！
数据集形式
数据集表单实际上是打包并上传不同选项或信息的设置。
当一组表单元素放置在标签内时，浏览器会以特殊表单显示它们，该表单可能具有特殊边框、3D 效果，甚至创建一个子表单来处理此类元素。 （W3学校）
该数据集由三部分组成。 首先，这个标签不会被显示出来，只是告诉浏览器这里的数据应该被打包。
第二个是“legend”（描述），这里添加数据集名称。
第三个是我们之前学过的标签。
示例代码如下：
我们用这段代码来打包form2。 示例代码如下：
页面效果如下：
今天的内容就结束了！
如果你喜欢我的教程，请关注我，喜欢也能让我充满动力！
HTML 完整学习目录
HTML最终章（学习目的、对象、基本概念）——零基础自学网页制作
什么是 HTML？ ——零基础自学网页制作
如何编写第一个 HTML 页面？ ——零基础自学网页制作
HTML页面中的head标签有什么用？ ——零基础自学网页制作
认识Meta标签与SEO——零基础自学网页制作
如何使用HTML中的元素1——零基础自学网页制作
如何使用HTML 2中的元素——零基础自学网页制作
HTML元素中的属性1——零基础自学网页制作
HTML元素中的属性2（路径解读）——零基础自学网页制作
使用HTML添加表1（基本元素）——零基础自学网页制作
使用HTML添加表格2（表颈和表头）——零基础自学网页制作
使用HTML添加表格3（间距和颜色）——零基础自学网页制作
使用HTML添加表格4（行颜色和表格嵌套）——零基础自学网页制作
十六进制颜色表示与RGB色调模型——零基础自学网页制作
HTML中的块级元素和内联元素——零基础自学网页制作
熟悉 HTML
块元素-零基础自学网页制作
HTML页面中嵌入其他页面的方法——零基础自学网页制作
居家学习网页制作！页面嵌入PDF文件——零基础自学网页制作
初识HTML表单元素1——零基础自学网页制作
初识HTML表单元素2——零基础自学网页制作
HTML表单3（下拉列表、多行文本输入）——零基础自学网页制作
HTML表单4（表单的action和method属性）——零基础自学网页制作
HTML列表制作讲解——零基础自学网页制作
HTML页面添加视频和音频的方法——零基础自学网页制作
音视频格式转换工具及html视频元素加字幕——零基础自学网页制作
利用HTML中的标签实现文本中的链接——零基础自学网页制作
发表评论