立即注册 找回密码

QQ登录

只需一步,快速开始

查看: 4078|回复: 0

[DIV+CSS 教程笔记01] 表单的用法form的介绍

[复制链接]

14

主题

1

回帖

40

积分

普通学员

Rank: 1

积分
40

推广达人宣传达人突出贡献荣誉管理论坛元老

发表于 2014-10-15 19:19:40 | 显示全部楼层 |阅读模式
道勤网-数据www.daoqin.net

亲注册登录道勤网-可以查看更多帖子内容哦!(包涵精彩图片、文字详情等)请您及时注册登录-www.daoqin.net

您需要 登录 才可以下载或查看,没有账号?立即注册

x
本帖最后由 帖子管理老师 于 2014-10-15 21:23 编辑

0000041.jpg
常见的form类型<form action="发送地址" method="post"></form>这里的post值得是发送的方式是加密。否则则是以浏览器的访问方式来进行发送的。

<p>
                    用户名:<input type="text" name="username" />
            </p>


这样就表示一个用户名的框框,然后需要填写用户名信息。如下效果

002.jpg
关于更多的设置,表单的以及表单发送的时候的 <form action="发送地址" method="post"></form>这里的post值得是发送的方式是加密。否则则是以浏览器的访问方式来进行发送的。


以及对Value值的设置!
更多的设置如下代码:
  1. <body>
  2.             <div>表单的信息<br/>
  3.                 表单的表示方法很多种类,可以有多选,或者是单选,点击提交等<br/>
  4.             </div>
  5.     <form action="www.daoqin.net" method="post">
  6.             <p>
  7.                     用户名:<input type="text" name="username" value="朱星波"/>
  8.             </p>
  9.                 <p>
  10.                         密  码:<input type="password" name="password" />
  11.                 </p>
  12.                 <p>
  13.                         性别:男:<input type="radio" name="gender" value="男" checked="checked"/>
  14.                              女:<input type="radio" name="gender" value="女"/>
  15.                 </p>
  16.                 <p>
  17.                         爱好:篮球:<input type="checkbox" name="hobby" value="篮球" checked="checked"/>
  18.                               足球:<input type="checkbox" name="hobby" value="足球"/>
  19.                               台球:<input type="checkbox" name="hobby" value="台球"/>
  20.                               橄榄球:<input type="checkbox" name="hobby" value="橄榄球">
  21.                 </p>
  22.                 <P>
  23.                         <select name="xueli">
  24.                                 <option value="大学" selected="selected">大学</option>
  25.                                 <option value="初中">初中</option>
  26.                                 <option value="小学">小学</option>
  27.                        
  28.                         </select>
  29.                 </P>
  30.                 <p>
  31.                         <textarea name="intro"></textarea>
  32.                 </P>

  33.                 <p>
  34.                         上传图像<input type="file" name="picture"/>
  35.                 </p>
  36.                 <p>
  37.                         影藏域:就不让你看到<input type="hidden" name="IP" value="192.168.1.100"/>
  38.                 </p>
  39.                 <p>
  40.                         提交<input type="submit" value="提交"/>
  41.                 </p>       
  42.     </form>       
  43.     </body>
复制代码
效果如下 999999999999999999.jpg
道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户,那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信:q792472177免费电话、后台提交工单这些方式联系道勤主机客服! 如果您不是我们的客户也没问题,点击页面最右边的企业QQ在线咨询图标联系我们并购买后,我们为您免费进行无缝搬家服务,让您享受网站零访问延迟的迁移到道勤主机的服务!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

道勤网- 推荐内容!上一条 /2 下一条

!jz_fbzt! !jz_sgzt! !jz_xgzt! 快速回复 !jz_fhlb! !jz_lxwm! !jz_gfqqq!

关于我们|手机版|小黑屋|地图|【道勤网】-www.daoqin.net 软件视频自学教程|免费教程|自学电脑|3D教程|平面教程|影视动画教程|办公教程|机械设计教程|网站设计教程【道勤网】 ( 皖ICP备15000319号-1 )

GMT+8, 2024-3-29 08:39

Powered by DaoQin! X3.4 © 2016-2063 Dao Qin & 道勤科技

快速回复 返回顶部 返回列表