HTML 表单的用法

表单
表单作用:HTML表单用于搜集不同类型的用户输入。

表单的工作机制
访问一个含有表单的页面输入数据后,提交表单→浏览器将用户在表单中输入的数据打包,并发送给服务器→服务器接收数据并转由程序处理。

表单定义
表单是使用<form>标签来设置
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容:文本域(text、textarea)、下拉菜单(select)、单选框(radio)、复选框(checkbox)、密码域(password)等。

form 的主要属性:
action 指定表单提交到哪里
method 指定传输表单数据的方式,其值有 post / get 两种方式

form 里的常用表单元素:
<input type="text"> --文本输入框
<input type="password"> --密码输入框
<input type="radio"> --单选框
<input type="checkbox"> --复选框
<input type="file"> --上传本地文件
<input type="submit"> --提交表单
<input type="reset"> --重置表单
<textarea></textarea> --文本区域
<select><option></option></select> --下拉菜单
<button></button> --按钮
<label></label> --为 input 元素定义标注,可通过 for 属性绑定 input 元素

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、表单 1. 表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户...
    zx9426阅读 3,240评论 0 1
  • 1、关于form表单的基础 form表单:是一个包含表单元素的区域;作用,用于包裹表单元素。 表单元素:是允许用户...
    tangmengyun阅读 3,950评论 1 1
  • HTML 表单:输入用户信息的单子,收集填写的信息给服务器后台例: form:定义html表单,粗浅理解为包裹表单...
    我七阅读 2,990评论 0 0
  • HTML 表单用于搜集不同类型的用户输入。用户提交表单时向服务器传输数据,从而实现用户与Web服务器的交互。HTM...
    FLYSASA阅读 3,449评论 0 0
  • 书到用时方恨少 话到嘴边须谨慎 若是无心又无谋 还是闭嘴为上策 言语信马游缰 必定事事抓瞎 诸葛一生唯谨慎 吕端大...
    辛平阅读 1,859评论 0 3