【H5教程-2.4.1小节】
1. HTML5表单的创建
HTML表单
1.表单用于不同类型的用户输入
2.常用表单标签:
<form> 表单
<input> 输入域
<textarea> 文本域
<label> 掌握标签
<fieldset> 定义域
<legend> 域的标题
<select> 选择列表
<optgroup> 选择组
<option> 下拉列表中的选项
<button> 按钮
3.常用
复选框
单选按钮
下拉列表
文本域
创建按钮
[html] view plain copy print?
<form>
用户名:
<br>
密码:
<inputtype=\"大众password\"大众>
<br>
你喜好的水果?(复选)<br>
APPLE<inputtype=\"大众checkbox\"大众>
BANANA<inputtype=\"大众checkbox\"大众>
PEAR<inputtype=\"大众checkbox\"大众><br>
性别(单选)<br>
男<inputtype=\"大众radio\"大众name=\"大众sex\公众 checked>
女<inputtype=\"大众radio\"大众name=\"大众sex\"大众>
<br>
选择m(下拉列表)
<select>
<option>m1</option>
<option>m2</option>
<option>m3</option>
<option selected>mm</option><!--默认-->
</select>
<br>
<inputtype=\"大众button\"大众value=\"大众按钮\"大众>
<inputtype=\公众submit\"大众><!--默认笔墨不同浏览器不同,测试IE10为\公众提交查询内容\"大众,Chrome为提交-->
</form>
<textareacols=\公众30\"大众rows=\"大众10\"大众>文本域,cols行,rows列</textarea>
2. PHP环境搭建
可以用PHPStorm配置,也可以用xampp启动Apache
对付事情空间在/xampp/htdocs下的,如E:\xampp\htdocs\PHPTEST\service.PHP
可以用PHPStorm直接访问得到访问地址,如http://localhost:63343/htdocs/PHPTEST/service.php
也可以用Apache开启做事后的访问地址,如http://localhost/PHPTEST/service.php
3. HTML5表单与PHP交互
最大略的表单,采取get办法提交,action是PHPStorm得到的:
[html] view plain copy print?
<formaction=\"大众http://localhost:63343/htdocs/PHPTEST/service.php\"大众method=\公众get\公众>
用户名:
<inputtype=\"大众text\"大众name=\公众Tname\公众>
<br>
密码:
<inputtype=\公众password\"大众name=\"大众Tpassword\"大众>
<br>
<inputtype=\公众submit\公众value=\公众提交\"大众>
</form>
做事端:
[php] view plain copy print?
<?php
echo'GET办法可以做资源定位,如淘宝商品用id定位<br>用户名:'.$_GET['Tname'].'<br>密码:'.$_GET['Tpassword'];
第二种办法,用Apache的做事,post办法提交:
[html] view plain copy print?
<formaction=\公众http://localhost/PHPTEST/service.php\"大众method=\"大众post\"大众>
用户名:
<inputtype=\公众text\"大众name=\"大众Tname\"大众>
<br>
密码:
<inputtype=\"大众password\"大众name=\"大众Tpassword\公众>
<br>
<inputtype=\"大众submit\"大众value=\"大众提交\公众>
</form>
做事端:
[php] view plain copy print?
<?php
echo'POST办法较为安全<br>用户名:'.$_POST['Tname'].'<br>密码:'.$_POST['Tpassword'];
