今天学习了表单的内容,<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="复位">
placeholder="占位说明” value是提交的内容。
<textarea></textarea>文本域,搭配富文本服务器使用
选择表单的name必须是一致的,必须写value,多选时name后面要加[],例如<input type="checkbox" value="2" name="aihao[]">。
下拉列表中name写在<select>里,如:<select name="area">而value写在<select>下面中的<option>,如:
<select name="area">
<option value="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="1">
女:<input type="radio" name="sex" value="0">
<br><br>
爱好:
音乐:<input type="checkbox" value="1" name="aihao[]">
篮球:<input type="checkbox" value="2" name="aihao[]">
游戏:<input type="checkbox" value="3" name="aihao[]">
<br><br>
个人简介:
<!-- 文本域 搭配富文本编辑器 -->
<textarea name="detail"></textarea>
地区
<select name="area">
<option value="1">南开区</option>
<option value="2">河西</option>
<option value="3">北辰</option>
<option value="4">红桥</option>
<option value="5">和平</option>
<option value="6" selected>西青</option>
<br>
<input type="submit" value="立即登录">
</select>
</form>
</body>
</html>
原文地址:http://12254258.blog.51cto.com/12244258/1872741