PHP与Web页面交互

PHP与Web页面交互

表单

Ｗeb表单的功能是让浏览者和网站有一个互动的平台。Web表单主要用来在网页中发送数据到服务器，例如，提交注册信息时需要使用表单．当用户填写信息后做提交（submit）操作，即将表单的内容从客户端的浏览器传送到服务端，经过服务器上的PHP程序进行处理后，再将用户所需的信息传递回客户端的浏览器上．通过获得用户信息，使用PHP与Web表单实现了交互。

如何创建表单

使用<form>标记，并在其中插入相关的表单元素，即可创建一个表单．

表单结构如下：

<form name="form_name" method="method" action="url" enctype="value" target="target_win" id="id">

......插入的表单元素

</form>

From标记的属性

Name：表单名称

Method：定义表单中数据的提交方式，可取值为GET 和POST中的一个。

Action：将表单中的数据提交到哪个文件中进行处理，这个地址可以是绝对的URL，也可以是相对的URL。

Enctype：application/x-www-form-urlencoded：默认的MIME类型，表示表单数据应该被编码成一个长串。

Multipart/form-data：上传文件专用类型，表示将每一个编码作为一个独立的部分使用。

Target：该属性和链接中的同名属性类似，用来指定目标窗口和目标帧。target的属性值。

_blank：将返回页面信息显示在新的窗口中。

Parent：将返回信息显示在父级窗口中。

Self：将返回信息显示在当前窗口中。

Top：将返回信息显示在顶级窗口中。

表单元素

表单（form）由表单元素组成。常用的表单元素有以下几种标记：输出域标记<input>、选择域标记<select>、文字域标记<textarea>等。

 

1、输入域标记<input>

输入域标记<input>是表单中最常的标记之一。常用的输入域标记有文本框、按钮、单选按钮、复选框、文件域等。

语法格式如下：

<input name="filed_name" type="type_name">

参数name是指输入域的名称，参数type是指输入域的类型。用户选择使用的类型由type属性决定，type属性取值

2.选择域标记<select>和<option>

通过选择域标记<select>和<option>可以建立一个列表或者菜单。菜单的使用是为了节省空间，正常状态下只能看到菜单的一个选项，单击右侧的下三角按钮打开菜单后才能看到全部的选择，列表可以显示一定数量的选项，如果超出了这个数量，会自动出现滚动条，浏览者可以通过拖动滚动条看各选项。

3、文本域标记<textarea>

文本标记<textarea>用来制作多行的文本域，可以在其中输入更多的文本。

语法格式如下：

<textarea name="名称"　 rows=”行数”　 cols=”列数”  wrap="soft|hard">

文本内容

</textarea>

其中参数name表示文本域的名称；row表示文本域的行数；cols表示文本域的列数；参数value表示文字域的默认值；参数wrap用于设定显示和送出时的换行方式，值为off表示不自动换行，值为hard表示自动硬回车换行。wrap的值

<form action="" method="post">
        <fieldset>
                 <legend>学生档案</legend>
                 <label for="">
                         姓名: <input type="text" required autofocus placeholder="请输入姓名">
                 </label>
                 <label for="">
                         学号: <input type="tel" pattern="1\d{10}" placeholder="学号 ">
                 </label>
                 <label for="">
                         邮箱地址: <input type="email" placeholder="请输入邮箱地址">
                 </label>
                 <label for="">
                         所属学院: <input type="text" list="course" placeholder="新华电脑专修学院">
                         <datalist id="course">
                                  <option value=" 新华电脑专修学院"></option>
                                  <option value="PHP"></option>
                                  <option value="JAVA"></option>
                                  <option value="Android"></option>
                                  <option value="IOS"></option>
                                  <option value="UI设计"></option>
                                  <option value="C++"></option>
                         </datalist>
                 </label>
                 <label for="">
                         入学成绩: <input type="number" max="100" id="score" step="10" value="80">
                 </label>
                 <label for="">
                         基础水平: <meter min="0" max="100" low="60" high="80" value="80" id="level"></meter>
                 </label>
                 <label for="">
                         入学日期: <input type="date" value="2016-01-01">
                 </label>
                 <label for="">
                         毕业时间: <input type="date" value="2016-05-01">
                 </label>
                 <label for="">
                         课程进度: <progress min="0" max="100" value="10"></progress>
                 </label>
                 <label for="">
                         <input type="submit" value="保存">
                 </label>
        </fieldset>
</form>