表单的使用

表单的作用

用于显示、收集用户的信息,并且将信息传给服务器
2.表单的组成’
	表单元素-负责将用户数据提交给服务器
	表单控件-负责接收用户的数据(与用户进行数据交互)
3. 表单元素-负责将用户数据提交给服务器
	1.用法  <form></form>
	表单属性
			action
			定义表单被提交的时候的动作,主要就是服务器上处理数据应用程序的URL找谁处理
			method
				get 
					向服务器端提交数据时使用
					特点:显示提交 用户数据可以显示在地址栏
					提交数据长度有限制-2kB  每个浏览器时不一样
					谷歌 8kB ie 2kb
				post
					隐式提交  所有提交数据的时候都是看不见的 相对于说安全性较高
						没有数据大小限制的
				表单数据进行编码的方式
					默认:  application/x-www-form-urlencoded 
						 mulipart/form-data 上传文件时使用的
						 text/plain  早期的一个编码方式 非常少见了
				
				表单的控件
					type:
					创建各种类型的输入字段,如文本框(text) 密码框(password) 单选按钮	
					(radio) 多选按钮(checkbox) 提交按钮(submit) 重置按钮(reset)。
					value:
						值  要提交给服务器的
					name:
						控件的名称 服务端使用的 没有名字的话是无法提交的
					disabled="disabled
						禁用控件

在这里插入图片描述

// A code block
完成以上图片效果
**单选框的单选效果只需要给单选控件 加一个name属性 给予同样的值**
代码展示
// An highlighted block
		<form action="" method="post"><br />
			<!--文本框-->
		姓名:	<input type="text" value="" name=""/><br />
			<!--密码框-->
		密码:	<input type="password" value="" name=""/><br />
			<!--单选框-->
		性别:	男<input type="radio" value="" name="sex"/><input type="radio" value="" name="sex"/><br />
			<!--多选框-->
		爱好:	<input type="checkbox" value="" name=""/>玩游戏
				<input type="checkbox" value="" name=""/>看电影
				<br /><!--邮箱-->
		邮箱:	<input type="email" value="" name=""/><br />
			<!--电话-->
		电话:	<input type="tel" value="" name=""/><br />
			<!--重置按钮-->
			<input type="reset" value="重置" name=""/><br />
			<!--登录按钮-->
			<input type="submit" value="登录" name=""/>
		</form>
原文链接:加载失败,请重新获取