• 在线客服

  • 扫描二维码
    下载博学谷APP

  • 扫描二维码
    关注博学谷微信公众号

  • 意见反馈

原创 表单标签有哪些?分别做什么?

发布时间:2021-12-13 15:10:25 浏览 12128 来源:博学谷 作者:小谷

    表单标签有哪些?分别做什么?表单用于搜集不同类型的用户输入,然后把用户数据提交到服务器后台,表单开发中用到了很多标签,如<form>标签 、<label>标签、<input>、<textarea> 标签、<select> 标签等,接下来我们一起来学习下。

    表单标签

    表单标签学习目标:掌握表单中常用的表单元素标签及使用方法。

    一、什么是表单?

    表单用于搜集不同类型的用户输入(用户输入的数据),然后可以把用户数据提交到web服务器。

    二、表单相关标签的使用

    1. <form> 标签 表示表单标签,定义整体的表单区域

    2. <label> 标签 表示表单元素的文字标注标签,定义文字标注

    3. <input> 标签 表示表单元素的用户输入标签,定义不同类型的用户输入数据方式

    type属性◾type="text" 定义单行文本输入框

    ◾type="password" 定义密码输入框

    ◾type="radio" 定义单选框

    ◾type="checkbox" 定义复选框

    ◾type="file" 定义上传文件

    ◾type="submit" 定义提交按钮

    ◾type="reset" 定义重置按钮

    ◾type="button" 定义一个普通按钮

    4. <textarea> 标签 表示表单元素的多行文本输入框标签 定义多行文本输入框

    5. <select> 标签 表示表单元素的下拉列表标签 定义下拉列表

    6. <option> 标签 与 <select> 标签配合,定义下拉列表中的选项

    代码示例:

    表单代码示例

    表单总结:表单标签是 <form> 标签,常用的表单元素标签有:  <label> 、 <input> 、  <textarea> 、 <select>  等标签。

    申请免费试学名额    

在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!

上一篇: VSCode安装步骤及基本使用方法介绍 下一篇: 表单提交用什么方式?属性如何设置?

相关推荐 更多

热门文章

  • 前端是什么
  • 前端开发的工作职责
  • 前端开发需要会什么?先掌握这三大核心关键技术
  • 前端开发的工作方向有哪些?
  • 简历加分-4步写出HR想要的简历
  • 程序员如何突击面试?两大招带你拿下面试官
  • 程序员面试技巧
  • 架构师的厉害之处竟然是这……
  • 架构师书籍推荐
  • 懂了这些,才能成为架构师
  • 查看更多

扫描二维码,了解更多信息

博学谷二维码