PHP学习1——表单之留言板构建

作为一个使用PHP搭建的网页来说,实现最基本的功能只是第一步,比如一个测试网站,我们首先要实现“可以测试”这样的功能。

但是如何能够更方便,美观地处理整个网页以及与用户之间的交互呢,最基础的,我们需要用到表单的处理。

通过表单,PHP能够自动地将由客户端表单发送的数据赋值给相应变量,从而极大地简化了整个表单的处理过程。


那么就先搞一个小小的留言板用例,目录是228服务器root用户下/usr/local/apache/htdocs

PS:鄙人使用的浏览器的默认路径就是/usr/local/apache/htdocs


那么开始吧,我们的目的是要创建一个留言板lyb.html,包含用户、密码、性别、爱好、学历、留言等信息,其中——

·        用户和密码使用文本框

·        性别选择使用单选按钮

·        3个复选框用来选择爱好

·        学历使用下拉列表

·        留言部分使用多行文本框

·        包含一个显示头像的图像按钮

·        检查,清除,提交三个按钮


1.表单的基本结构


表单采用以下两种结构。

1.格式:<form></form>

2.格式:<form  Action=URL  Method=Get|Post>

……

<input type=”submit”>

<input type=”reset”>

</form>


2.创建文本框


格式:<input  type=”text”  name=…… Maxlength=n  Size=n  value=……>

其中,type类型为text时,代表了文本框。必需。

name选项表示了ASP、CGI程序所需符号名,必需。

size指文本框大小,可选。

value表示文本框的初值,可选。


3.创建提交按钮


格式:<input  type=”submit”  value=”test”>

其中,submit是提交按钮的专有名词。


4.创建密码框


格式:<input  type=”password”  name=…… Maxlength=n  Size=n  value=……>

其中,type=”password”表示密码框。

maxlength控制密码框可输入的最大长度,可选。

Size、value选项和文本框相似。


5.创建多行文本框


格式:<textarea  name=……  rows=…… cols=……  wrap=……  ></textarea>

其中,<testarea>与</testarea>间标志多行文本。

name选项表示了ASP、CGI程序所需符号名,必需。

rows后面的值表示了文本框的行数。

cols后面的值表示了文本框的列数。

wrap设置是否自动换行。wrap的值可以是以下几个选项中其中的一个:


6.创建复选框


格式:<input  type=”checkbox”  name=”……” checked>

其中,checkbox表示复选框,checked表示选中状态。


7.创建命令按钮


格式1:<input  type=”button”  name=……  value=……>

格式2:<input  type=”image”  src=……  name=……>

其中,button表示一般按钮。

image表示图像按钮,返回值为当前指针的坐标,还传送了当前的x、y值。


代码如下(lyb.html):

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>
 <head>
 <title>留言板</title>
 </head>
 <body>
 <form method="post" action=1.php>
 用户:<input type=text name=yh >
       <br>
 密码:<input type="password" name=mm size=20 maxlength=13 >
       <br>
 性别:<input type="radio" name=r1 checked value="男" >男
       <input type="radio" name=r2 value="女" >女
       <br>
 爱好:<input type="checkbox" name=c2 value="英雄联盟" checked>英雄联盟
       <input type="checkbox" name=c2 value="王者农药" >王者农药
       <input type="checkbox" name=c3 value="运动" >运动
       <br>
       <input type="hidden" name=h1 value="表单1">
       <br>
 学历:<select name=s1>
       <option selected>小学</option>
       <option>初中</option>
       <option>高中</option>
       <option>大学</option>
       </select>
       <br>
 留言:<textarea name=ly rows=16 cols=60 wrap=PHYSICAL>
 我喜欢英雄联盟!
       </textarea>
       <br>
       <input type="button" name=b1 value="检查">
       <br>
       <input type="reset" name=b2 value="清除">
       <br>
       <input type="image" name=pic src=a.jpg>
       <br>
       <input type="submit" name=tj value="提交">
 </form>
 </body>
</html>

生成内容如下:


  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

猪笨是念来过倒

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值