HTML表单的使用方法

2017-05-07  本文已影响0人  村里第一帅

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
上一篇下一篇

猜你喜欢

热点阅读