首页 > 代码库 > <form>表单学习
<form>表单学习
今天主要学习<form>标签
<input>输入标签
method方法分post和get两种
主要区别
(1)post信息是加密的,get则是明文。
(2)get数据量不超过2k,post一般不受限制。
(3)post主要写在form表单里,get主要以URL地址栏链接的形式使用。
(4)post主要用于向服务器传送数据,get主要用于向服务器要数据。
下面写个登录表的代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>注册表</title>
<style>
div{
width: 300px;
height: 400px;
margin: 0px auto;
}
</style>
</head>
<body>
<div>
<form action="./biaodan.php" method="post">
昵称:<input type="text" name="username">
<br><br>密码:<input type="text" name="username">
<br><br>确认密码<input type="text" name="username">
<br><br>性别:
男:<input type="radio" name="sex" value="http://www.mamicode.com/男">
女:<input type="radio" name="sex" value="http://www.mamicode.com/女">
<br><br>生日:<select name="calendar">
<option value="http://www.mamicode.com/1">公历</option>
<option value="http://www.mamicode.com/2">农历</option>
</select>
<select name="year">
<option value="http://www.mamicode.com/n">年</option>
<option value="http://www.mamicode.com/2016">2016</option>
<option value="http://www.mamicode.com/2015">2015</option>
</select>
<select name="month">
<option value="http://www.mamicode.com/y">月</option>
<option value="http://www.mamicode.com/1">1月</option>
<option value="http://www.mamicode.com/2">2月</option>
</select>
<select name="day">
<option value="http://www.mamicode.com/r">日</option>
<option value="http://www.mamicode.com/1">1</option>
<option value="http://www.mamicode.com/30">30</option>
</select>
<br><br>所在地: <select name="state">
<option value="http://www.mamicode.com/1">中国</option>
<option value="http://www.mamicode.com/2">英国</option>
<option value="http://www.mamicode.com/3">德国</option>
</select>
<select name="province">
<option value="http://www.mamicode.com/1">天津</option>
<option value="http://www.mamicode.com/2">河北</option>
<option value="http://www.mamicode.com/3">东北</option>
</select>
<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>
</select>
<br><br>手机号码:<input type="text" name="username">
<br><br>爱好:吃饭<input type="checkbox" name="checkbos" value="http://www.mamicode.com/1" name="aihao[]">
睡觉<input type="checkbox" name="checkbos" value="http://www.mamicode.com/1" name="aihao[]">
做饭<input type="checkbox" name="checkbos" value="http://www.mamicode.com/1" name="aihao[]">
<br><br>个人信息:<textarea name="detaii"></textarea>
</form>
</div>
</body>
</html>
本文出自 “12244254” 博客,请务必保留此出处http://12254254.blog.51cto.com/12244254/1872740
<form>表单学习