0
点赞
收藏
分享

微信扫一扫

HTML-表单标签

互联网码农 2022-02-18 阅读 88

网页中的表单展示

1.为什么需要表单?

使用表单的目的是为了收集用户信息。

在网页中,我们也需要跟用户进行交互,收集用户资料,此时需要表单。

2.表单的组成

表单域、表单控件(表单元素)和提示信息3部分构成。

表单域就是包含了很多小控件等,包含表单元素的区域,<form>标签用于定义表单域,以实现用户信息的收集和传递。<form>会把它范围内的表单元素信息提交给服务器。

<form action="url地址" method="提交方式" name="表单域名称">
各种表单元素控件
</form>

3.<input>表单元素

<input type="text">

<input type="password">

<input type="radio">

<input type="chekbox">

注意:其中性别单选按钮中必须要有相同的名字name,才能实现多选1

 checked属性:表示默认选中状态。用于单选按钮和复选按钮。

 注意:普通按钮button,常和js配合使用

<input type="button" value="获取短信验证码" />

 其中的file,用于文件上传

<label>标签:用来增加用户体验,(当<label>标签绑定一个表单元素,点击<label>标签的文本时,浏览器就会自动将焦点(光标)转到对应的表单元素上。

语法:for 和 id 是对应起来的

<label for="sex">男</label>
<input type="radio" name="sex" id="sex">

上面的代码花花绿绿的,其实是有规律的,刚学习的小白可以记住下面的小妙招

小妙招:红色--代表标签,黄色--代表属性,墨绿色--代表值

举报

相关推荐

HTML-表单

HTML-列表标签

HTML-基本标签

前端-HTML-基础标签

HTML表单标签

HTML 表单标签

html表单标签

HTML ——— 表单标签

0 条评论