form表单

form表单,第1张

概述<fieldset> <!--修饰表单,框选起来更好看点--> <legend>页面验证</legend> <!--表单标题--> <form action="接受数据的页面名.后缀名" method="post" enctype="multipart/form-data"> <!--如果要上传图片要加enctype="mul

<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表单全部内容,希望文章能够帮你解决form表单所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1088450.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存