勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

form送信後にURLにアンカータグ(ハッシュタグ)をつける方法

   2024/01/29  HTML

フォームからGETもしくはPOSTで送信し、その後のURLにアンカータグ(ハッシュタグ)をつけたかった。データを受け取った後にPHPでリダイレクトとかさせるのかと思ったけどもっと単純にいけた。以下にサンプルとソースコードをメモ。

 

サンプル

https://taitan916.info/sample/anchor/

上記サンプルページにてフォーム送信後にURLにアンカータグが付与されるのを確認できる。

 

ソースコード

<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>title</title>
</head>
<body>
    <h1>POST</h1>
    <form action="<?php echo $_SERVER['PHP_SELF'];?>#test1" method="post">
        <input type="text" name="name">
        <input type="submit" value="submit">
    </form>
    <hr>

    <h1>GET</h1>
    <form action="<?php echo $_SERVER['PHP_SELF'];?>#test2" method="get">
        <input type="text" name="name2">
        <input type="submit" value="submit">
    </form>
</body>
</html>

action属性にアンカータグをつけるだけ。

 - HTML

  関連記事

HTML / CSSで作成したコンテンツをPDFファイルで出力する方法(TCPDF)

HTML / CSSで作成したコンテンツをPDFファイルで出力させたい。以前mp ...

HTMLにてaタグクリック時にping属性のデータをPHPで受け取る方法

HTMLのaタグにping属性というものを設定できるらしく、設定したリンクをクリ ...

HTML内に動画(mp4ファイル)を埋め込んで配信する方法

Webページ内にYoutubeとかを用いずに動画(mp4)ファイルを配信したいと ...

フォームのresetについて

<input type="reset">についてクリックしたら 初期 ...

スマホでページ内リンクからGoogleMapアプリを開く

スマホでWebページにあるリンクをクリックした際にGoogleMapアプリを表示 ...