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

 时间:2024-10-11 22:43:52

1、添加label标签设置我们的下拉菜单选项的内容相应的选项值,然后设置select标签,在select标签内部设置option选项标签,这里需要几个选项就设置几个标签。

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

2、将我们下拉菜单需要显示的每一个内容设置在option标签中,如图所示,预览我们的设置效果,在网页中我们可以看到一个下拉菜单。

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

3、有时候下拉菜单也需要设置一个默认的值,如果大部分内容都是相同的,我们就可以将它设置为默认值,只需要在它相应的属性中设置为选中状态。

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

4、再次预览我们的网页,可以看到我们刚才设置checked的选项已经默认显示在了我们设置的下拉菜单中选中状态。

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

5、设置文本框,设置label标签,显示文本框的说明文字,然后添加textarea标签,内部设置我们文本框的相关属性。大小等内容。这时候我们的文本框在预览网页时按住鼠标是可以拖动改变大小的。

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

6、我们可以通过在css样式中设置一些内容来禁止拖动文本框,如图所示我们在样式表中添加对textarea的设置,再次预览网页,文本框大小就处于固定状态,不能拖动改变大小了。

HTML文件表单制作下拉列表和文本框
HTML文件表单制作下拉列表和文本框
  • css如何将背景图片设置在div的左下角
  • a标签的下划线怎么去掉
  • css如何修改ul的li之间的间隔
  • HBuilderX中怎么设置背景颜色
  • HTML中浮动效果是怎么做的
  • 热门搜索
    三爱三节手抄报图片 中秋节的手抄报简单又漂亮 红五月手抄报 小学生体育手抄报 我爱阅读手抄报内容 节约用水的手抄报 宣传普通话手抄报 手抄报中国梦 普通话规范字手抄报 庆元旦手抄报内容