从零开始学编程免费课程 (c语言编程从零开始学)

编程要从娃娃抓起,推荐给身边的小朋友吧!!!!!

上节说了表格,有序列表,无序列表,这节介绍一下文件上传,下拉选择框,HTML 区块元素,iframe内部页面

从零开始学编程,小学生从零开始学编程

上图是这节讲的主要内容,以下代码是对应的html文本,接下来将逐个解析其中的用途

<!DOCTYPE html>
<html>
<head>
	<title>标题-爆米花</title>
</head>
<body style="margin:0 auto;width:300px;background:#00ffa0  ;height:200px;">
	爆米花的内容<br>
	<br>
	<h3>是男是女</h3>
	<input type="radio" name="sex" value="male">男<br>
	<input type="radio" name="sex" value="female">女
	<hr>
	<h3>喜欢吃啥呀</h3>
	<input type="checkbox" name="食物" value="苹果">苹果<br>
	<input type="checkbox" name="食物" value="香蕉">香蕉<br>
	<input type="checkbox" name="食物" value="葡萄">葡萄
	<hr>
	<h3>选择你喜欢的一本书</h3>
	<select name="cars">
		<option value="volvo">西游记</option>
		<option value="saab">红楼们</option>
		<option value="fiat">水浒传</option>
		<option value="audi">三国演义</option>
	</select>
	<hr>
	<h3>上传文件</h3>
	<input type="file" id="upload" name="upload" /> <br />
	<hr>
	<h3>嵌入内部页面</h3>
	<iframe src="https://www.runoob.com/html/html-iframes.html" width="400" height="300"></iframe>
</body>
</html>

在上几节已经讲解了input标签的一些type属性例如:text,button等这节有radio,checkbox,file

【type="radio"】表示单选项,只能选择其中一个,例如我们在填写基本信息时选择男女

【type="checkbox"】表示多选项,多选题(老师在出题时候可以用到)

【type="file"】表示文件,我们可以点击选择文件上传

【<select>】表示是一个下拉选择框【<option>】表示其中的每个选项

【<iframe>】可以做嵌入内部页面,例如想在我们个人的页面上切入一些外部页面