首页 > 代码库 > 新的一周的开始
新的一周的开始
今天学习了表单的内容，<form></form>中间内容为表单元素用<input>输入。<input type="text">
文本框，type=“radio”为单选表单，type=“checkbox”为多选表单。
form表单的属性：
<form action="接受者">
<form method="传送方法">常用有两种方式：post get
区别：1，post加密，get不加密；
2，数据量不同，post一般不受限制，get单次不超过2k；
3，post主要向服务器传送数据，get主要向服务器要数据；
4，位置不同，post主要写在表单里，get主要以url地址栏链接的形式使用。
单位换算：
1byte=8bit=一个英文字母=一个字节的长度；
汉字 utf8 一个汉子至少使用2个字节（65535）来表示；
1KB=2^10 B=1024 B 1MB=2^10 KB=1024 KB 1GB=2^10 MB=1024MB
1TB=2^10 GB=1024 GB 1 PB=1024 TB 1EB=1024 PB
<input type="reset" value="http://www.mamicode.com/复位">
placeholder="占位说明” value是提交的内容。
<textarea></textarea>文本域，搭配富文本服务器使用
选择表单的name必须是一致的，必须写value，多选时name后面要加[],例如<input type="checkbox" value="http://www.mamicode.com/2" name="aihao[]">。
下拉列表中name写在<select>里，如：<select name="area">而value写在<select>下面中的<option>,如：
<select name="area">
<option value="http://www.mamicode.com/1"></option>
表单如下：
<!DOCTYPE html>
<html>
<head>
<mate charset="utf-8">
<title></title>
</head>
<body>
<!-- 表单 -->
<form action="" method="post">
姓名:<input type="text" name="user name" placeholder="用户名" value=""><br><br>
密码:<input type="password" name="user password" placeholder="6-10字符" value=""><br><br>
性别：
男：<input type="radio" name="sex" value="http://www.mamicode.com/1">
女：<input type="radio" name="sex" value="http://www.mamicode.com/0">
<br><br>
爱好：
音乐：<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><br>
个人简介：
<!-- 文本域 搭配富文本编辑器 -->
<textarea name="detail"></textarea>
地区
<select name="area">
<option value="http://www.mamicode.com/1">南开区</option>
<option value="http://www.mamicode.com/2">河西</option>
<option value="http://www.mamicode.com/3">北辰</option>
<option value="http://www.mamicode.com/4">红桥</option>
<option value="http://www.mamicode.com/5">和平</option>
<option value="http://www.mamicode.com/6" selected>西青</option>
<br>
<input type="submit" value="http://www.mamicode.com/立即登录">
</select>
</form>
</body>
</html>
新的一周的开始