首页 > 其他 > 详细

form表单补充复查

时间:2019-05-21 20:43:54      阅读:92      评论:0      收藏:0      [点我收藏+]
<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".

form表单补充复查

原文:https://www.cnblogs.com/wjwap/p/10901868.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!