首页 > 代码库 > 20161114
20161114
今天学习了一系列表单标签的使用。以及了解了计算机的基本单位。
笔记：
<form></form>表单标签
<input action="" method="">输入标签
method为传输方法，分为post和get两种，区别：
1.其中post是加密的，get是明文，不加密的
2.数据量不同：get 单次不能超过2k，post无限制。get的速度比较快。
3.post主要用于向服务器传送数据，get主要用于向服务器要数据
4.位置不同，post主要写再表单form里面，get主要以url地址栏链接的形式使用
input中radio表示单选，checkbox表示多选，注意checkbox后面的name必须一样并且加上[]
textarea 文本域，可以写多行，搭配文本编辑器使用
select 下拉列表
selected 首选
计算机的基本单位：
8个数字表示一个英文字母，用8bit表示，8bit 255D 1byte=8bit=一个英文字母 byte为一个字节
1个汉字使用至少两个字节(65535D)来表示
1kb=2^10byte=1024b
1mb=2^10kb=1024kb
实现（表单标签的使用）：
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<form action="接受者" method="post"> <!--表单标签method为传输方式，post为加密，get是不加密的 而且get 传输数据量小，一次不能超过2k，post不受限制-->
姓名：<input type="text" name="用户名" placeholder="请输入" value="http://www.mamicode.com/z"><br><!--input为输入标签,name=""自定义的用作区分表单内容 placehold为表单占位说明-->
密码：<input type="password" name="pass" placeholder="输入密码"><br>
<input type="submit" value="http://www.mamicode.com/提交"><!-- 设置提交按钮-->
<input type="reset" value="http://www.mamicode.com/重置"><!-- 设置重置按钮 -->
性别：
男：<input type="radio" name="sex" value="http://www.mamicode.com/man"><!-- radio是选择项，value不能省 -->
女：<input type="radio" name="sex" value="http://www.mamicode.com/women">
爱好：
音乐<input type="checkbox" value="http://www.mamicode.com/1" name="aihao[]">
游戏<input type="checkbox" value="http://www.mamicode.com/2" name="aihao[]">
睡觉<input type="checkbox" value="http://www.mamicode.com/3" name="aihao[]">
<br>
个人简介:<textarea name="detail"></textarea><!-- 文本域，搭配文本编辑器使用-->
地区：
<select name="area"><!-- 下拉列表 -->
<option value="http://www.mamicode.com/1">天津</option>
<option value="http://www.mamicode.com/2" selected>北京</option><!-- selected默认选中 -->
<option value="http://www.mamicode.com/3">河北</option>
<option value="http://www.mamicode.com/4">河南</option>
</select>
</form>
</body>
</html>
20161114