form表单

<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".