表单的用法

简介

html表单是一个包含表单元素的区域,用来收集用户输入的内容并提交给服务器。
表单元素通常包括文本域(textarea)单元框(radio)复选框(checkbox)等。

<form>的常用属性

action:表单提交的地址
method:表达提交的方法,有get/post两种

常用表单元素

<input>,<textarea>,<option>,<label>

常用属性

type:输入的类型
name:表单的名称
value:表单的内容

文本域(text fields)

文本域通过<input type="text"> 标签来设定,当用户要在表单中键入用户名、邮箱等少量内容时,就会用到文本域。
<label>标签用于对<input>的注释,通常配合for属性使用。与id属性相对应。

密码字段

通过标签<input type="password"> 来定义。

单选框(Radio buttons)

通过标签<input type="radio"> 定义。

复选框(Checkboxes)

通过标签<input type="checkbox"> 定义。

提交按钮(Submit Button)

通过<input type="submit"> 定义
当用户点击提交按钮时,表单的内容会被传送。传送的方式和目的地由<form>标签定义。

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

推荐阅读更多精彩内容

  • 1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? HTML 表单用于接收不同类型的用户输...
    大胡子歌歌阅读 933评论 0 1
  • 1.动手 form 表单table 表格 2. <form>表单元素 1) 简述: 元素是块级元素,其开始标签和结...
    _Dot912阅读 2,069评论 2 8
  • 一、表单 1. 表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户...
    zx9426阅读 460评论 0 1
  • 1.表单是Web页面上负责用户输入与服务器端数据交互的最基础方式 HTML中表单可以用来搜集用户各种类型的输入信息...
    淡然7698阅读 188评论 0 0
  • “今日运程:3星,出门应做好准备,以预防突发情况;财运指数:4星,你近期财运不错,可能会在意外的渠道收获财富。”他...
    Roschey阅读 384评论 3 3