前端_HTML_04:输入标签&表单标签&框架标签

VIP文章耳东er

已于 2022-02-11 21:06:47 修改

阅读量494

点赞数

分类专栏：前端基础文章标签： html

于 2021-06-16 14:38:37 首次发布

本文链接：https://blog.csdn.net/q734044429/article/details/117842189

版权

一、输入标签

⭐输入标签

占位符：placeholder
多文件上传:multiple
label 标签：绑定内容与表单标签的关系
表格标题：caption标签
在这里插入图片描述

<html>
	<head>
		<meta charset="utf-8">
		<title>输入标签</title>
	</head>
	<body>
		<!-- text（文本框） -->
		账号：
			<input type="text"/> 
			<br>
		<!-- password（密码） -->
		密码：
			<input type="password"/> 
			<br>
		<!-- 
		radio（单选框）
			1、如果需要让多个单选框有互斥效果，则多个单选框添加相同值的name属性
			2、可以通过 checked（选中）属性来控制某一个值被选中
		-->
		性别：
			<input type="radio" name="gender" checked="checked"/>男 
			<input type="radio" name="gender"/>女
			<br>
		<!-- 
		checkbox（复选框）
			1、与 radio 不同，checkbox的name属性相同也能多选
			2、可以通过 checked（选中）属性来控制某一个值被选中
		-->
		爱好：
			<input type="checkbox" />跑步
			<input type="checkbox" />篮球
			<input type="checkbox" />足球
			<input type="checkbox" />羽毛球
			<input type="checkbox" />其他
			<br> 
		<!-- file（文件框） -->
		请选择文件
			<input type="file" />
			<br>
		<!-- textarea（文本域） -->
		个人简介：
			<textarea style="width: 250px;height: 80px ;">请介绍下自己哟</textarea>
			<br>
		<!-- 
		select（选择下拉框） 
			option（选项）
		-->
		籍贯：
			<select>
				<option>广东</option>
				<option>广西</option>
				<option>福建</option>
				<option selected="selected">请选择省份</option>
			</select>
			<br>
		<!--button 按钮 -->
			<input type="button"  value="完成" />	
	</body>
</html>

⭐输入标签和表格标签结合练习
在这里插入图片描述

<html>
	<head>
		<meta charset="utf-8">
		<title>输入表格标签结合</title>
	</head>
	<body>
		<table border="1px" cellspacing=

最低0.47元/天解锁文章

耳东er

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端_HTML_04:输入标签&表单标签&框架标签

⭐输入标签⭐表单标签⭐框架标签
复制链接

扫一扫

专栏目录

前端_HTML_04:输入标签&表单标签&框架标签

一、输入标签

“相关推荐”对你有帮助么？