HTML文件表单制作下拉列表和文本框

7918次浏览推荐于2020.01.02

给网页文件添加下拉列表和文本框，让我们的网页丰富起来。需要的只不过是几行设置而已。

操作方法

01
添加label标签设置我们的下拉菜单选项的内容相应的选项值，然后设置select标签，在select标签内部设置option选项标签，这里需要几个选项就设置几个标签。
02
将我们下拉菜单需要显示的每一个内容设置在option标签中，如图所示，预览我们的设置效果，在网页中我们可以看到一个下拉菜单。
03
有时候下拉菜单也需要设置一个默认的值，如果大部分内容都是相同的，我们就可以将它设置为默认值，只需要在它相应的属性中设置为选中状态。
04
再次预览我们的网页，可以看到我们刚才设置checked的选项已经默认显示在了我们设置的下拉菜单中选中状态。
05
设置文本框，设置label标签，显示文本框的说明文字，然后添加textarea标签，内部设置我们文本框的相关属性。大小等内容。这时候我们的文本框在预览网页时按住鼠标是可以拖动改变大小的。
06
我们可以通过在css样式中设置一些内容来禁止拖动文本框，如图所示我们在样式表中添加对textarea的设置，再次预览网页，文本框大小就处于固定状态，不能拖动改变大小了。
End

本页搜狗指南内容仅代表作者本人意见，若因此产生任何纠纷由作者本人负责，概与搜狗公司无关。本页搜狗指南内容仅供参考，请您根据自身实际情况谨慎操作。尤其涉及您或第三方利益等事项，请咨询专业人士处理。