<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--
form标签,表单标签,标记着交互的开始和结束
action:把表单中的数据所提交的地址或者页面
method:用什么的方式提交当前表格的数据
get 显示提交,可以在浏览器的地址栏中看到提交的数据
post 隐身提交,浏览器地址栏中看不到提交的过程
-->
<form action="recive_form.html" method="post" enctype="multipart/form-data">
<!--
<input type="呈现形式" name="向一个接收地址发送的数据名称"
value="一些初始的值"
size="数值,表示输入框的具体的显示长度"
length="控制用户输入的长度"
/>
-->
<p>
用户名:<input type="text" name="user" value="陈臣" size="1" maxlength="5"/>
</p>
<p>
用户名:<input type="text" name="name" />
</p>
<p>
密码:<input type="password" name="pass" />
</p>
<p>
<input type="submit" name="登录" />
</p>
<p>
<!--多选按钮-->
<input type="checkbox" />1
<input type="checkbox" />2
<input type="checkbox" />3
<input type="checkbox" />4
</p>
<!--
提交按钮(type:submit)
当用户点击按钮的时候,告诉浏览器将按钮所在的form标签
包裹的所有需要收集内容提交到form中的
action 属性指向的地址
-->
<input type="submit" value= />
<input type="reset" />
<p>
<!--
普通按钮
没有任何反应的按钮 可以让程序员自己设置
-->
<input type="button" />
</p>
<p>
<!--下拉选中框-->
<select name="provence" id="">
<option value="">待定</option>
<!--selected是默认选着选项-->
<option selected="anhui" value="sichuan">安徽</option>
<option value="hebei">河北</option>
<option value="hunan">湖南</option>
</select>
</p>
<p>
<!--当需要向服务器发送文件的时候,form标签的method属性必须是post-->
<!--另外需要给form属性添加另一个属性enctype-->
<input type="file" value="提交" />
</p>
<p>
<!--文本域-->
<textarea name="chen" rows="10" cols="50">chen</textarea>
</p>
<p>
<hr />
预期工资:
<input type="number" />
</p>
<p>
<!--邮箱使用演示-->
邮箱:
<input type="email" />
</p>
<p>
<!--网络地址-->
博客地址:
<input type="url" name="" id="" value="" />
</p>
<p>
<!--日期演示-->
生日:
<input type="date" name="" id="" value="" />
</p>
<p>
<!--滑块
min 滑块的最小值
max 滑块的最大值
-->
血量:
<input type="range" min="100" max="200"/>
</p>
<p>
<!--如期时间选择器
date
time
week
datetime
required
-->
日期开始的时间:
<input required="week" />
</p>
<p>
<!--必须填写的内容-->
<input required="required" name="" id="" value="" />
</p>
<p>
<!--注册协议-->
<textarea readonly="licence" rows="12" cols="10"></textarea>
</p>
</form>
</body>
</html>