HTML表单的使用方法

1.HTML表单简介

HTML表单是一个包含表单元素的区域,用来收集用户输入的内容并提交。
表单使用标签<form>来设置
<form>标签的常用属性:

Paste_Image.png

action:表示提交地址
method表示提交方法(get和post两种方式)

2.常用的表单元素

常用的表单标签<input>,<textarea>(多行文本框),<option>(下拉框),<label>
<input>标签相关属性
type:输入的类型
name:表单的名称
value:表单的内容

1.<input type="text">/<label>文本域

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

Paste_Image.png

2.<password>密码字段

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

Paste_Image.png

3.<input type="radio">单选框

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

Paste_Image.png

4.<input type="checkbox">复选框

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

Paste_Image.png

5.<input type="submit"> 提交按钮

通过<input type="submit"> 定义

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

推荐阅读更多精彩内容

  • 1. 什么是表单 HTML表单用于搜集不同类型的用户输入以提交给服务器进行处理, 表单是一个包含表单元素的区域. ...
    cheneyzhangch阅读 510评论 0 0
  • 1. 简介 HTML表单是一个包含表单元素的区域,用来收集用户输入的内容并提交。表单元素通常包括文本域(texta...
    _达斯基阅读 252评论 0 0
  • HTML表单是一个包含各种表单元素的区域,用于收集用户提交的各种类型的的数据。 表单使用<from>来设置 <fr...
    萧雪圣阅读 265评论 0 0
  • HTML表单通常是提交用户信息。表单元素包含文本域 ,隐藏域 ,单选,复选等.. <form>常用属性有: act...
    向前冲冲的蜗牛阅读 322评论 0 0
  • 简介 HTML 表单用于搜集不同类型的用户输入。 表单标签列表 表单标签<form> action:表单需要提交的...
    24_Magic阅读 281评论 0 0