一、from标签

1.简介

常常我们使用在一个网页中数据提交标签，比如我们留言板、评论等可以填写数据，提交处理地方都需要表单标签，而form表单标签内放输入框input、单选、多选、select下拉列表、提交按钮等标签内容。

2.语法


<form action="" method="get"> </form>
或
<form action="" method="post"> </form>Method的值为get时，是通过URL传递参数,这个时候我们通过网址URL能看见自己填写的内容。Method的值为post时，是通过类似缓存传递参数，URL是不能看到form表单填写的内容。对于html 表单form标签，有了form表单及提交方式（get post），才能将数据进行传输给程序处理，否则程序不能接收到将要处理的数据。

3.案例

<!DOCTYPE html>
<html>
<head>
<title>html form表单实例</title>
</head>
<body>
<form action="" method="get">
<input name="" type="text" size="30" />
<input name="" type="submit" value="提交" />
</form>
</body>
</html>

二、label标签

1.简介

在表单布局中会遇到label标签的使用，label没有任何样式效果，有触发对应表单控件功能。

比如我们点击单选按钮或多选框前文字对应选项就能被选中，这个就是对文字加了label标签实现。

2.语法

<label for="man">男</label>Label标签内文字更加需要填写Label标签内for属性的值为自定义，一般与想实现点击会触发控件对象的ID对应相同。

3.案例


<!DOCTYPE html>
<html>
<head>
<title>html label实例</title>
</head>
<body>
<form action="" method="get">
性别：<br/>
<input name="sex" id="man" type="radio" value=""/>
<label for="man">男</label>
<input name="sex" id="woman" type="radio" value=""/>
<label for="woman">女</label>
</form>
</body>
</html>注意查看，input标签内id的值与label标签内for的值对应。

from标签，label标签相关推荐

html label标签 ie6,说说HTML5中label标签的可访问性问题
一.开篇叨叨一般稍微有些经验的页面制作人员都知道label标签可以优雅地扩大表单控件元素的点击区域,例如,单纯的单选框点击区域就鼻屎那么大的地方,经常会点不到位置.因此,label标签的使用对于提高 ...
Echarts —自定义label标签的样式(formatter，rich，添加图标等操作)
最近公司项目中在使用 Echarts 绘制图表时,由于默认的 label 标签不能满足设计稿需求,所以研究了对 label标签进行格式化的方案,了解到可以使用 formatter 内容格式器对标签内容 ...
HTML基本语法之表单标签：表单的组成，表单域，表单控件元素（表单元素），input表单元素， label标签，表单控件（表单元素）， select表单元素， textarea表单元素
文章目录表单标签表单的组成表单域常用属性: 表单控件元素(表单元素) input表单元素 label标签表单控件(表单元素) select表单元素 textarea表单元素表单元素几个总结 ...
前端笔记35——label标签
label标签 <label>标签为 input 元素定义标注(标记).我们可以通过<label>标签扩大<input>标签的选区. 代码示例需要的注意的inpu ...
H5常用标签基本标签归纳总结
此文章在学习S3CHOOL后. 这些常用的标签基本都已经知道,主要还是在平时的练习中不断地使用,才能达到运用自如的境界. 温故而知新,可以为师矣. <a>标签 <a href=&qu ...
表单之label标签
表单之label标签文章目录表单之label标签视频代码视频 https://www.bilibili.com/video/BV16s411N7sM?from=search&seid ...
小tips：JS之按位取反，语法标签label，正则表达式中replace的0,1是什么？
JS按位取反 Javascript 按位取反运算符 (~) ,对一个表达式执行位非(求非)运算.如 ~1 = -2; ~2 = -3; 来看看~1的计算步骤: 将1(这里叫:原码)转二进制＝ 000 ...
python label怎么用_python tkinter label标签怎么使用？
终于有机会给大家介绍了label标签内容,想必很多小伙伴已经迫不及待听小编说这个最常见的标签函数了吧,大家之所以喜欢,主要还是依赖于这个标签是我们每一次的编程必备,看着大家如此喜欢这个函数,一进入控件 ...
html form label标签基础语法结构与使用案例教程(转载)
在表单布局中会遇到label标签的使用,label没有任何样式效果,有触发对应表单控件功能. 比如我们点击单选按钮或多选框前文字对应选项就能被选中,这个就是对文字加了<label>标签实现 ...
NGUI 3.5教程（二）Label 标签 (Hello world)、多行文本
写在前面: 本文将创建NGUI的第一个样例.依照编程传统,第一个样例,就是做一个Hello world 显示出来.NGUI.我们用Label来实现 . 欢迎大家纠错.拍砖!原创非常辛苦,如有转 ...

from标签，label标签

from标签，label标签

一、from标签

1.简介

2.语法

3.案例

二、label标签

1.简介

2.语法

3.案例

from标签，label标签相关推荐

最新文章

热门文章