第7天:input和label标签

简介: 今天学的不多,就只学了表单元素中的input和label标签。搬了房子,收拾了一下东西,太累了,所以没有学很多。明天还上班,今天就先到这。一、inputinput标签type属性有以下几个:text、password、textarea、radio、checkbox、button、submit、reset按钮1、2、  提交3、   重置二、label标签checked默认被选择;radio单选name属性必须一致。

今天学的不多,就只学了表单元素中的input和label标签。搬了房子,收拾了一下东西,太累了,所以没有学很多。明天还上班,今天就先到这。

一、input

input标签type属性有以下几个:
text、password、textarea、radio、checkbox、button、submit、reset
按钮
1、<input type="button" value="确定">
2、<input type="submit" >  提交
3、<input type="reset" >   重置

二、label标签

checked默认被选择;radio单选name属性必须一致。
<input type="radio" name="sex" id="nan" checked="checked"/><label for="nan">男</label>
<input type="radio" name="sex" id="nv"/><label for="nv">女</label>

复选框也如同
<input type="checkbox" id="kk"/><label for="kk">10天内免登陆</label>

所有表单元素都有label,label标签作用于选择框和文字,简言之,就是用户点击选择框和文字都可以选择内容

下面是小练习,没有添加样式,有点丑。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单元素</title>
</head>
<body>
<div>
用户名:<input type="text"><br/><br/>
密 码:<input type="password"><br/><br/>
性 别:<input type="radio" name="sex" id="nan" checked="checked"><label for="nan">男</label>
<input type="radio" name="sex" id="nv"><label for="nv">女</label><br/><br/>
爱 好:<input type="checkbox" id="chi" checked="checked"><label for="chi">吃</label>
<input type="checkbox" id="shui" checked="checked"><label for="shui">睡</label>
<input type="checkbox" id="wan" checked="checked"><label for="wan">玩</label><br/><br/>
城 市:<select>
<option value="">北京</option>
<option value="">上海</option>
<option value="">广州</option>
</select><br/><br/>
个人简介:<input type="textarea"><br/><br/>
<input type="button" value="确定">
<input type="submit">
<input type="reset">
</div>
</body>
</html>

运行效果:

相关文章
|
7月前
|
机器学习/深度学习 数据挖掘
【提示学习】Label prompt for multi-label text classification
  标签文本分类的关键问题之一是提取和利用标签之间的相关性,但直接建模标签之间的相关性很难。   LP-MTC设计了多标签文本分类模板,将标签整合到预训练语言模型的输入中,可以捕获标签之间的相关性以及标签与文本之间的语义信息,从而有效地提高模型的性能。
|
6天前
|
Web App开发 前端开发 iOS开发
input中typedate的属性都有那些
input中typedate的属性都有那些
|
6天前
|
移动开发 自然语言处理 前端开发
input表单 type属性详解
input 元素可以用来生成一个供用户输入数据的简单文本框。 在默认的情况下, 什么样的数据均可以输入。而通过不同的type属性值,可以限制输入的内容。
45 1
|
6天前
|
小程序 Python
Tkinter 中的标签(Label)
Tkinter 中的标签(Label)组件是一种用于显示文本或图像的控件。它可以通过 tk.Label() 函数创建,常用的属性包括: - text:设置标签显示的文本内容。
33 1
|
5月前
|
Kubernetes 调度 异构计算
k8s Label 2
k8s Label 2
|
6月前
input做成label效果
input做成label效果
|
7月前
|
数据安全/隐私保护
input表单的23个type属性
input表单的23个type属性
|
9月前
|
Kubernetes 调度 Perl
k8s--label
k8s--label
|
10月前
|
JavaScript 前端开发 数据安全/隐私保护
input的23种属性
input的23种属性
|
10月前
|
Kubernetes 应用服务中间件 nginx
简单的Label居然有这么大的作用
简单的Label居然有这么大的作用
72 0