首页 > 代码库 > <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>表单学习