<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>biaodan</title>

</head>

<body>

<!-- biaodan:form常用的有post,get

post:容量更大,信息加密

get: 传递信息是明文不加密,信息容量小 地址栏方式 url方式

action-->

<form method="post" action="./index.php">

<!-- 文本框 text

type:类型 是必须的

name:名字 是必须的

value:"值"真正传过去的东西

placeholder:占位,说明

label:自动获取焦点-->

<label for="ni"></label><input id="ni" type="text" name="ni" value="" placeholder="请输入昵称"><br>

<!-- 密码框 -->

<label for="pw"></label><input id="pw" type="password" name="pass" placeholder="输入中英文混合密码"><br>

<!-- 提交按钮 -->

<!-- 通常情况下,HTML 会裁掉文档中的空格。假如你在文档中连续输入 10 个空格,那么 HTML 会去掉其中的9个。如果使用 &nbsp;,就可以在文档中增加空格。

 -->

&#160;&#160;&#160;&#160;<input type="submit" name="" value="点我"></input>

<input type="reset" name="" value="重置"></input>

<!-- 单选按钮

name 一组内的一定要一样 -->

<input type="radio" name="sex" value="0">男<br>

<input type="radio" name="sex" value="1">女<br>

<input type="radio" name="sex" value="2">泰国人<br>

<!-- 多选按钮 

type="checkbox"name很重要一组内一定一样-->

<input type="checkbox" name="hobby" value="eat">吃<br>

<input type="checkbox" name="hobby" value="sleep">睡<br>

<input type="checkbox" name="hobby" value="play">玩<br>

<input type="checkbox" name="hobby" value="truvel">旅游<br>

<input type="checkbox" name="hobby" value="game">游戏<br>

<!-- 文本域 textarea

rows 行高

cols 列髙

文本域里面value設置呒傚-->

<textarea name="你" rows="10" cols="100" value"文本">

美好的事情即将发生

</textarea><br>

<!-- 下拉列表 -->

<select name="area">

<option value="1">请选择地点</option>

<option value="2">河东</option>

<option value="3">河西</option>

<option value="4">南开</option>

</select>

</form>

<form method="get"></form>

</body>

</html>

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。

表单使用表单标签(<form>)定义

多数情况下被用到的表单标签是输入标签(<input>)。输入类型是由类型属性(type)定义的。

当用户从若干给定的的选择中选取其一时,就会用到单选框。

当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框。

当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。