第一章:开篇唠唠——那个你天天见,却可能没“懂”它的小圆圈
各位码农兄弟姐妹们,今天咱们不聊高深莫测的设计模式,也不扯炫酷的框架,就唠唠那个几乎每个网页表单里都会出现,但你敢说自己百分之百拿捏了的小玩意儿——单选按钮。
想象一下这个场景:你吭哧吭哧设计了一个用户注册页,性别选择那里,规规矩矩放上了“男”、“女”、“保密”三个单选按钮。用户美滋滋选了“女”,点击提交。然后…后台你的PHP代码一哆嗦,死活读不到这个“女”字。你盯着屏幕,反复检查$_POST['gender'],它就像个顽固的null,或者压根不存在的数组键,让你开始怀疑人生:“我表单明明写对了啊?!”
别笑,这坑几乎每个PHP新手都栽过!今天,咱们的目标就是:把“获取单选按钮值”这件看似简单的事,扒个底朝天,让你从此以后,闭着眼睛都能写对!
第二章:基石课——HTML里的单选按钮,你真的写对了吗?
俗话说,巧妇难为无米之炊。PHP后端获取数据,前提是前端HTML表单得把数据“送”出来。所以,咱们的第一步,必须回到HTML的源头。
1. 灵魂所在:name属性
对于一组单选按钮,什么是它们“组团”的标志?不是长得像,而是共享同一个name属性值!这是铁律。
<input type="radio" name="fruit" value="apple"> 苹果
<input type="radio" name="fruit" value="banana"> 香蕉
<input type="radio" name="fruit" value="orange"> 橙子
上面这三位,name都是“fruit”,它们才是一组。用户只能三选一。如果你写成下面这样:
<input type="radio" name="fruit1" value="apple"> 苹果
<input type="radio" name="fruit2" value="banana"> 香蕉
恭喜你,你创造了两个独立的单选按钮,它们可以同时被选中!这通常不是你想要的效果。
2. 价值体现:value属性
value才是真正会被发送到服务器的数据。按钮旁边显示的文字(“苹果”、“香蕉”)是给人看的,而value里的内容(“apple”, “banana”)是给程序用的。务必设置一个有意义的value,否则提交上去的可能只是个空字符串或者“on”,让你在后台一脸懵。
3. 默认选择:checked属性
如果想预设一个选项,加上checked就行。注意,一组里最多只能有一个checked,不然浏览器一般只认最后一个。
4. 表单的“发射器”:<form>标签
别忘了把单选按钮们包裹在<form>标签里,并设置好method(通常是“POST”)和action(指向处理数据的PHP文件)。
来,看一个标准的HTML前端代码块:
<!DOCTYPE html>
<html>
<head>
<title>口味调查 - 你是甜党还是咸党?</title>
</head>
<body>
<h2>灵魂拷问:豆腐脑,你站哪边?</h2>
<form method="POST" action="h

最低0.47元/天 解锁文章
2459

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



