from表单

<fieldset> <!--修饰表单，框选起来更好看点-->
<legend>页面验证</legend> <!--表单标题-->
<form action="接受数据的页面名.后缀名" method="post" enctype="multipart/form-data"> <!--如果要上传图片要加enctype="multipart/form-data"-->
<input type="hidden" value="123"><br> <!--隐藏域-->
用户名:<input type="text" name="uname"><br> <!--文本框-->
密码:<input type="password" name="npwd"><br> <!--密码框-->
<input type="file" name="file"><br> <!--上传文件,要在form里加enctype="multipart/form-data"-->
生日:<input type="date"><br> <!--日期，还有个datatime精确到秒-->
性别:<input type="radio" name="sex">男
<input type="radio" name="sex">女<br> <!--单选按钮，name分组-->
爱好:<input type="checkbox">足球
<input type="checkbox">篮球 <!--复选框，name分组-->
<input type="checkbox">乒乓球<br>
民族:<select name="" id="">
<option value="hanzu">汉族</option> <!--下拉列表，有value就取value的值，没有就取option里的内容-->
<option value="manzu">满族</option>
<option value="huizu">回族</option>
</select><br>
自我介绍:<textarea name="jieshao" cols="30" rows="10"> <!--段落文本,cols控制行，rows控制列-->
</textarea><br>
<input type="button"> <!--普通按钮-->
<input type="reset" value="重置"> <!--重置按钮，value一般浏览器会自己提示-->
<input type="submit" value="提交"> <!--提交按钮,value一般浏览器会自己提示-->
</form>
</fieldset>

form表单我们常用于注册、登陆页面中，有很多常用控件如代码所示。值得注意的是，form标签中，action要跳转的页面要正确否则无法传成功；method中post方法更安全，默认情况下是get，数据容易被窃取；表单中有上传的文件的话，一定要加enctype="multipart/form-data".