HTML表单的基本用法

什么是HTML表单?

  • 表单是一个包含元素的区域,表单元素是允许用户在表单中(比如:文本域,列表,单选框,复选框等)输入信息的元素。

form的常用属性

  • action:提交表单的地址
  • method:提交表单的方式(get和post)

form元素的用法

  • 单行文本框<input type="text"/>
    任务5-1(text).png

    效果:
    任务5-1.0.png
  • 密码框<input type="password"/>
    任务5-2(password).png

    效果:
    任务5-2.0.png
  • 单选按钮<input type="radio"/>
    任务5-3(radio).png

    效果:
    任务5-3.0.png
  • 复选框<input type="checkbox"/>
    任务5-4(checkbox).png

    效果:
    任务5-4.0.png
  • 多行文本<textarea></textarea>
    任务5-5(textarea).png

    效果:
    任务5-5.0.png
  • 下拉列表<select>...</select>
    任务5-6(select).png

    效果:
    任务5-6.0.png

    *提交表单按钮 <input type="submit">
    任务5-7(submit).png
    效果:
    任务5-7.0.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML 表单的基本用法 说起 HTML 中的form表单,大家一定都很熟悉了,这是用于搜集各种用户输入的信息,并...
    晓风残月1994阅读 354评论 0 0
  • 1.常见的表单元素HTML表单主要用于向服务器端传输用户的数据信息。它可以包含input、menus、textar...
    l_meng阅读 324评论 0 0
  • 1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 答:form表单用于收集信息,并将信息...
    北城_荒阅读 245评论 0 0
  • 本人做php的,最近发现JS真的是博大精深啊,比PHP难.在HTML中,表单是由form元素来表示的,但是在jav...
    linfree阅读 2,254评论 3 17
  • 1、关于form表单的基础 form表单:是一个包含表单元素的区域;作用,用于包裹表单元素。 表单元素:是允许用户...
    tangmengyun阅读 716评论 1 1