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

posted @ 2019-02-26 10:41  Cyber_nnno  阅读(584)  评论(0编辑  收藏  举报