3天0基础建站课程

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

14 主题	1 回帖	40 积分

普通学员

Rank: 1

积分: 40

发消息

发表于 2014-10-15 19:19:40 | 显示全部楼层 |阅读模式

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

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

x

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

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

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

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

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

以及对Value值的设置！
更多的设置如下代码：

<body>
<div>表单的信息<br/>
表单的表示方法很多种类，可以有多选，或者是单选，点击提交等<br/>
</div>
<form action="www.daoqin.net" method="post">
<p>
用户名:<input type="text" name="username" value="朱星波"/>
</p>
<p>
密码:<input type="password" name="password" />
</p>
<p>
性别:男：<input type="radio" name="gender" value="男" checked="checked"/>
女：<input type="radio" name="gender" value="女"/>
</p>
<p>
爱好：篮球：<input type="checkbox" name="hobby" value="篮球" checked="checked"/>
足球：<input type="checkbox" name="hobby" value="足球"/>
台球：<input type="checkbox" name="hobby" value="台球"/>
橄榄球：<input type="checkbox" name="hobby" value="橄榄球">
</p>
<P>
<select name="xueli">
<option value="大学" selected="selected">大学</option>
<option value="初中">初中</option>
<option value="小学">小学</option>
</select>
</P>
<p>
<textarea name="intro"></textarea>
</P>
<p>
上传图像<input type="file" name="picture"/>
</p>
<p>
影藏域：就不让你看到<input type="hidden" name="IP" value="192.168.1.100"/>
</p>
<p>
提交<input type="submit" value="提交"/>
</p>
</form>
</body>

复制代码

效果如下

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！

使用道具举报