跟着学习PHP相关东西的day2:查询,增删数据、记录(part2)

PART2

这段,可以说,在点击按钮后,会出现与其对应的图片,文字等等。

E.G.

⬆第一个页面

——————————————————————————

⬇点击对应按钮后的结果

 

具体使用的代码:(index.php)

<form>
<button type=”submit” formaction=”kasumi.html”>小霞</button>

//点击按钮跳转到对应页面,其他相同

submit:提交表单,请求

 

<button type=”submit” formaction=”setsuna.html”>雪菜</button>
<button type=”submit” formaction=”shizuku.html”>小雫</button>
<button type=”submit” formaction=”kanada.html”>彼方</button>
</form>

 

跳转后的页面代码(E.G)

<head>
<meta charset=”utf-8″ />
</head>
<image src=”kasumi.png” />
<label>诶嘿~感谢你的投票!小霞霞真是太开心了!</label>

 

 

原理

点击按钮后,执行如下操作:

HTML <button> formaction,从而导航到指定的页面。

https://www.runoob.com/tags/att-button-formaction.html

 

注意:————————————————————————————————-

Internet Explorer 10, Firefox, Opera, Chrome, 和 Safari 支持 formaction 属性。

注意: Internet Explorer 9 及更早IE版本不支持 formaction 属性。


定义和用法

formaction 属性覆盖 form 元素的 action 属性。

该属性与 type=”submit” 配合使用。


HTML 4.01 与 HTML5之间的差异

formaction 属性是 HTML 5 中的新属性。

 

——————————-相关指令:————————————————————–

URL 规定将表单数据发送到的地址。可能值:

  • 绝对 URL – 完整的页面URL地址(如:href=”http://www.example.com/formresult.html”)
  • 相对 URL 地址 -指向当前网站的一个文件(如:href=”formresult.html”)

 

 

——————————————————————————————另一个示例:

(示例代码来自:https://www.w3school.com.cn/html5/att_button_formaction.asp)

<!DOCTYPE HTML>
<html>
<body>

<form action=”/example/html5/demo_form.asp” method=”get”>
First name: <input type=”text” name=”fname” /><br />
Last name: <input type=”text” name=”lname” /><br />
<button type=”submit”>提交</button><br />
<button type=”submit” formaction=”/example/html5/demo_admin.asp”>以管理员身份提交</button>
</form>

</body>
</html>

输入fname=guo,lname=hao后,返回

服务器接收到的用户输入为:

fname=guo&lname=hao。

 

PART2结束。欢迎指正。

发表评论