网站注册表单

表单在网页中主要负责数据采集功能html中使用form标签完成。表单标签其实是一组标签的组合，不是一个标签。表单元素是允许用户在表单中（比如：输入框、文本域、下拉列表、单选框、复选框等等）输入信息的元素。

在html中使用来定义表单：

常见的表单元素有：

在form标签中经常使用其他标签：

input主要是用来让用户输入数据的标签。input标签中的type属性，可以设置当前让用户输入的数据填写的类型

input标签的type属性

type=“text” 文本框 ，主要用于让用户输入可见的数据，input的默认属性；

type=“password” 密码框，主要用于让用户输入不可见的数据

type=“radio” 单选按钮，这个一般是让用户选择的，注意name属性必须一致

type=“checkbox” 复选框，用户可以选择多个条件

type=“file” 选择文件，可以把本地的文件上传到服务器

type=“submit” 提交， 提交整个form表单中的数据到服务端

type=“reset” 重置，把form表单中的数据重置到初始状态

type=“button” 按钮，就是一个简单按钮，没有任何的点击效果

type=“image” 图片，可以代替submit提交

type=“hidden” 隐藏数据，页面上不会显示，但是这个数据依然会在选择提交的时候提交给服务端

下拉框，需要和option标签一起使用

​ 文本区域，其中rows文本区域显示的多少行，cols用于显示文本区域每行多少列

<!--<font></font>
		<span>简单的字体</span>-->
		
		
		<!--  核心表单  ：表单标签    form
			是一组标签 。 作用 ：收集数据，
			输入框，单选框，多选框，下拉框，密码框，文本框，上传
			提交按钮，重置按钮
			input : 用户输入一些文本信息， 默认是type="text"
				type="password" ： 密码框，输入 的内容不可见
				type="radio" 单选框，一定要给出name的属性值，并且一定要一样,
					checked="checked" 默认选中的效果
				type="checkbox" 多选框
				type="hidden" ：隐藏的按钮
			select ： 下拉框，配合option一起使用, selected="selected"默认选中的效果
			textarea : 文本区域
			button ： 简单的一个按钮
			
			记住 ： 千万不要高估用户的智商，能简单的就简单点，能点的就不要手写
				1：只要是用户手动的输入的，都需要给一个属性值name
				2：只要不是用户手动输入的，单选，多选，下拉，一定要给一个value的属性值
		-->
		<form>
			<input type="hidden" value="你看不到我" />
			用户名：<input type="text" id="username" name="username"/><br>
			密码：<input type="password" id="pwd" name="password" /><br>
			性别：<input type="radio" checked="checked" name="sex" value="男"/>男
				<input type="radio" name="sex" value="女"/>女<br>
			爱好：<input type="checkbox" name="hobby" value="穿墙术"/>穿墙术
				<input type="checkbox" name="hobby" value="隐身术"/>隐身术
				<input type="checkbox" name="hobby" value="七十二变"/>七十二变
				<input type="checkbox" name="hobby" value="java"/>java<br>
			籍贯：<select name="nal">
					<option value="南京">南京</option>
					<option selected="selected" value="重庆">重庆</option>
					<option value="成都">成都</option>
					<option value="杭州">杭州</option>
				</select><br>
			自我介绍：
				<textarea cols="20" rows="5"></textarea><br>
			出生日期：<input type="date" />
			
			靓照上传: <input type="file" name="" id="" value="" />
				<input type="reset" />
				<input type="submit" value="立即登录"/>
				<button>简单的按钮</button>
		</form>