php为服务器端脚本程序,可用于处理交互数据。

而交互页面一般离不开表单,如注册、登录、发布信息、留言……

表单使用表单标签定义,如:

<form action="do.php" method="post">
    <input type="submit" value="提交"/>
</form>


页面上只有一个提交按钮,提交后服务器端得到的是一个空数组

Array ( ) 返回


服务器端处理表单数据的文件为do.php,内容是

<?php
print_r($_POST);
?>
<a href="form.php">返回</a>


form标签有一个必需属性action,属性值为提交表单后处理表单数据的文件地址。

常用的可选属性如:
method属性,属性值为post和get,用于规定发送数据的方式。它们的区别主要是两个:
1.post数据量大,而get数据量小;2.post安全,而用get方式是表单数据将出现在action属性URL后面,容易被偷窥者捕捉。

enctype属性,值为application/x-www-form-urlencoded(默认)、multipart/form-data、text/plain,用于规定表单数据的编码方式,默认方式对所有字符编码,text/plain方式时空格变为“+”,特殊字符不编码,而multipart/form-data方式不对数据编码,用于上传文件。

表单元素input,type类型较多,可以定义单行文本框text,密码框possword,单选框radio,复选框checkbox,文件上传file,
提交按钮submit,重置按钮reset,图象按钮image,还有一般用于javascript的可点击按钮,隐藏字段hidden。

如:

<form action="do.php" method="post">
    text:<input type="text" name="text" value="text"/><br/>
    password:<input type="password" name="password" value="password"/></br/>
    radio:</br>
    <input type="radio" name="radio" value="radio1"/>radio1
    <input type="radio" name="radio" value="radio2" checked="checked"/>radio2<br/>
    checkbox1:<input type="checkbox" name="checkbox1" value="checkbox1" checked="checked"/><br/>
    checkbox2:<input type="checkbox" name="checkbox2" value="checkbox2"/><br/>
    <input type="hidden" name="hidden" value="hidden"/>
    <input type="submit" value="提交"/><br/>
    <input type="reset" value="重置"/>
</form>


显示为:

Highslide JS

提交后将会得到:

Array ( [text] => text [password] => password [radio] => radio2 [checkbox1] => checkbox1 [hidden] => hidden ) 返回


input标签其他一些常用属性:value元素值,name元素值(php数组的键值),readonly(readonly)只读字段,checked(checked)加载是是否被选中(用于复选、单选按钮),src图象按钮的图片URL,disabled(disabled)禁用元素(可与javascript配合使用)。

多行文本输入元素textarea
<textarea name="textarea">textarea</textarea>

功能类似于input(text),自动换行属性wrap,值为virtual(不插入换行符)和physical(有换行符)。

菜单元素select,属性multiple(multiple)控制是否能多选(多选时name需用数组,如“name[]”),size(大于1的数)控制显示的选项数目。
菜单中的选项元素option,属性selected(selected)定义加载时该项为选中状态。
如:

<select name="select" multiple="multiple">
<option value="option1">option1</option>
<option value="option2">option2</option>
<option value="option3" selected="selected">option3</option>
<option value="option4" selected="selected">option4</option>
<option value="option5">option5</option>
<option value="option6">option6</option>
</select>


label标签为input元素定义标注,属性for的值为input元素的id,用于绑定相应的input元素。

表单元素分组标签fieldset,有特殊的显示效果。对应使用的标题标签legend。

菜单元素分组标签optgroup,属性label的值分组标题。

如:

<fieldset>
  <legend>select</legend>
  <select name="select" size="8">
  <optgroup label="group1">
      <option value="option1">option1</option>
    <option value="option2">option2</option>
    <option value="option3" selected="selected">option3</option>
                </optgroup>  
  <optgroup label="group2">
      <option value="option4" selected="selected">option4</option>
    <option value="option5">option5</option>
    <option value="option6">option6</option>
  </optgroup>
  </select>
  </fieldset>


效果:

Highslide JS

Tags: , ,

2013年春节纪念卡片

seatop , 2013年2月4日 , 我评你论 , 评论(0) , 引用(0) , 阅读(3848) , Via 本站原创
Highslide JS
Tags: ,

圆锥曲线中的内切圆

seatop , 2013年1月2日 , 高中数学 , 评论(0) , 引用(0) , 阅读(4382) , Via 本站原创

天冷,锂电罢工?

seatop , 2013年1月2日 , 我评你论 , 评论(0) , 引用(0) , 阅读(4056) , Via 本站原创
这几天都到零下。

同事说,他的小米2无法充电。但我帮他试了试,发现没有问题,于是信口忽悠,天气太冷的缘故吧。

Highslide JS

小朋友的IPAD2也充不满电了,怎么会无缘无故出现故障呢?

Highslide JS

网上的资料显示

Highslide JS

让环境温度高一点就好!
Tags:

基本不等式一习题

seatop , 2012年11月5日 , 高中数学 , 评论(0) , 引用(0) , 阅读(4536) , Via 本站原创

已知均为正数,则的最小值为__________

Highslide JS
Highslide JS


二阶矩阵:旋转与对称

seatop , 2012年10月25日 , 高中数学 , 评论(0) , 引用(0) , 阅读(4838) , Via 本站原创

本文介绍用二阶旋转矩阵解决一般轴对称问题的结论.

Highslide JS
Highslide JS
Highslide JS

Tags: , ,
分页: 10/94 第一页 上页 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 下页 最后页
新浪微博账号接入
百度搜索
日历
最新评论
最新留言
热门文章
热门Tags
链接
归档
统计
其他