开篇:当网页不再是“哑巴”——表单,就是它的嘴巴
咱们都上网冲过浪,对吧?你有没有想过,当你在搜索框狂敲键盘点击“百度一下”,或者在评论区激情开麦后按下“提交”时,背后到底发生了什么?那个死气沉沉的网页,怎么就突然“听懂”了你的话,还给了你回应?
答案,就藏在今天的主角——**表单(Form)**和后台魔术师 PHP 的联手戏法里。
想象一下,一个纯HTML网页就像一张精美的纸质传单,好看,但静态。你没法跟它互动。而表单,就是在这张传单上印了几个填空栏和一个小按钮:“写下你的话,按这里给我”。PHP呢?就是那个时刻守在邮箱旁边,一收到你塞进去的传单,就立刻阅读、处理,并飞速给你写一张新回执的超级助理。
今天,咱们不整那些虚头巴脑的理论,直接上手,一步步教你如何给你的网页装上这张“能说会道”的嘴,并用PHP让它真正“聪明”起来。保证你看完就能自己捣鼓出个能交互的小东西,比如——一个属于你自己的简易留言板。
第一章:表单101——不就是网页上的填空作文吗?
在召唤PHP大神之前,咱们得先搞清楚,表单这玩意儿到底长啥样、由什么构成。放心,它比小学数学题还简单。
1.1 表单的骨架:<form>标签
所有的魔法都始于一个<form>标签。它就像个快递打包盒,有两个关键属性决定你的“包裹”往哪儿寄、怎么寄:
action:快递地址。也就是处理你表单数据的PHP文件的路径。比如action="handle_form.php"。method:运送方式。主要有两种:
-
GET:像把东西挂在快递车外面(把数据附在网址后面),谁都能看见。适合搜个东西、分享个链接。POST:像把东西密封在快递箱里(数据在请求体内),更安全、能装更多。适合提交密码、写长篇文章。
<form action="welcome.php" method="post">
<!-- 这里放各种输入框、按钮 -->
</form>
1.2 表单的器官:各种输入控件
光有盒子不行,得有地方让你写字、选择。
- 文本框(
<input type="text">):让你输入一行字,比如名字。 - 密码框(
<input type="password">):输入时显示小黑点,保护你的秘密。 - 大作文框(
<textarea>):让你洋洋洒洒写一大段。 - 单选按钮(
<input type="radio">):几个选项里只能宠幸一个。 - 复选框(
<input type="checkbox">):小孩子才做选择,我全都要! - 下拉菜单(
<select>+<option>):点一下展开一堆选项,优雅。 - 提交按钮(
<input type="submit">或<button>):最重要的部件!点它,你的“话”就打包发走了。
1.3 关键中的关键:name属性!
这是最容易被新手忽略,也最重要的部分!每个输入控件都必须有一个na

最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



