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: , ,

html文档模板

seatop , 2011年7月27日 , 计算机与网络 , 评论(0) , 引用(0) , 阅读(2809) , Via 本站原创
尤其是头部,标签较多。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="文档描述" />
<meta name="keywords" content="文档关键字"/>
<title>文档标题</title>
<link rel="stylesheet" href="style.css" type="text/css" />
<script type="text/javascript" src="javascipt.js"></script>
</head>
<body>
文档内容
</body>
</html>


另外可能用的上的

文档作者
<meta name="author" content="文档作者信息" />


规定文档所有链接默认地址和默认目标

<base href="/" />
<base target="_blank" />


文档重新定向

<meta http-equiv="refresh" content="秒数;url=网址">


Tags:
该系统只有一个php文件,大约17K大小,是一个很简单的html内容发布程序。

由于很简单,似乎没有什么作用;但由于简单,从而可以自由发挥,可以发布公告,活动,专题,个人简历等内容,不过需要html及css等相关知识。

说明:
1.将该文件上传至任何位置都可以,默认文件名为html.php,可自行修改(安全保证的一方面)。访问该文件进行密码初始化。密码加密后保存,一定程度上保证密码安全。
Highslide JS
2.设置密码后的登录界面。
Highslide JS
需打开cookie,密码错误次数设限。
Highslide JS
3.登录后的界面,接下来就可以创建和管理HTML文件,当然只能在该程序目录下(为了安全),可以上传,管理各种附件,主要用于插入图片。
Highslide JS
4.创建html文件,原本想加入第三方编辑器,可以所见即所得,感觉没必要,一切都DIY。
Highslide JS
5.编辑已有的HTML文件源码
Highslide JS

程序下载:最新的也许,也许不再更新,呵呵
下载文件 (已下载 445 次)
Tags: , ,
分页: 1/1 第一页 1 最后页 [ 显示模式: 摘要 | 列表 ]
百度搜索
最新日志
主机推荐
热门Tags