HTML 表单的用法

HTML 表单用于搜集不同类型的用户输入。HTML表单是用户交互中非常强大的工具。使用<form>元素来定义一个HTML表单。

  1. <form>元素是表单的外壳,有主要4个属性:
  • action 表单提交的地址
  • method 表单提交的方式,一般用get或者post
  • target 在何处打开action,用的较少
  • enctype 编码的方式


    image.png
  1. input 通过type来设置不同的input类型
  • input type="text“ 普通的文本输入框,单行输入


    image.png

    效果如下:


    image.png
  • input type="password" 输入消息以圆点的形式展示,输入密码用


    image.png

    效果如下:


    image.png
  • input type="check box" 勾选,多选


    image.png

    效果如下:


    image.png
  • input type="radio" 勾选,单选


    image.png

    效果如下:


    image.png
  • input type="file" 上传文件


    image.png

    效果如下:


    image.png
  1. textarea 用于展示,很大的输入框


    image.png

    效果如下:


    image.png
  2. select 下拉多选,selected默认选项


    image.png

    效果如下:


    image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1、关于form表单的基础 form表单:是一个包含表单元素的区域;作用,用于包裹表单元素。 表单元素:是允许用户...
    tangmengyun阅读 3,966评论 1 1
  • HTML 表单用于搜集不同类型的用户输入。用户提交表单时向服务器传输数据,从而实现用户与Web服务器的交互。HTM...
    FLYSASA阅读 3,567评论 0 0
  • form表单 html的表单用于搜集各种用户输入信息并提交,能增加网站的交互效果。表单是一个包含表单元素的区域,用...
    进击的前端_风笑影阅读 3,093评论 0 1
  • HTML 表单:输入用户信息的单子,收集填写的信息给服务器后台例: form:定义html表单,粗浅理解为包裹表单...
    我七阅读 3,008评论 0 0
  • 在 HTML 中,表单是由 标记定界的区域,包含文本输入框、按钮、复选框和图形用户界面的其他功能部件。Web ...
    莱昂纳德刚阅读 3,382评论 0 0

友情链接更多精彩内容